chip.tsx

import { clsx } from 'clsx'
import { Icon } from '@/components/icon'

type IconData = { body: string; width?: number; height?: number }

export interface ChipProps extends React.ComponentPropsWithoutRef<'span'> {
  /** Icon to display before text */
  iconBefore?: IconData
  /** Icon to display after text */
  iconAfter?: IconData
  /** Icon size */
  iconSize?: string
  /** Font size override */
  fontSize?: string
  /** Text color override */
  color?: string
  /** Background color override */
  bgColor?: string
  /** Font weight override */
  fontWeight?: string