import { iconChipVariants } from './variants'

interface IconChipProps {
  color: 'blue' | 'green' | 'red' | null | undefined
  icon: React.ReactNode
  children: React.ReactNode
  className?: string
}

export default function IconChip({
  color,
  icon,
  className,
  children,
}: IconChipProps) {
  const classNames = iconChipVariants({
    color: color,
    className: className,
  })
  return (
    <div className={classNames}>
      {icon}
      {children}
    </div>
  )
}