Function Tag

components/tag.tsx:47–64

({ variant = 'primary', className, startAdornment, endAdornment, children, ...rest }: TagProps)

}

export function Tag({ variant = 'primary', className, startAdornment, endAdornment, children, ...rest }: TagProps) {
  return (
    <div
      className={clsxMerge(
        tagVariants({ variant, startAdornment: Boolean(startAdornment), endAdornment: Boolean(endAdornment) }),
        className
      )}
    >
      {startAdornment && (
        <div className='inline-flex size-[18px] items-center justify-start overflow-hidden'>{startAdornment}</div>
      )}
      <span {...rest}>{children}</span>
      {endAdornment && (
        <div className='inline-flex size-[18px] items-center justify-end overflow-hidden'>{endAdornment}</div>
      )}
    </div>
  );
}

Tag.displayName = 'Tag';