web/components/TempDesignSystem/IconChip/index.tsx

import { iconChipVariants } from "./variants"

interface IconChipProps {
  color: "blue" | "green" | "red" | null | undefined
  icon: React.ReactNode
  children: React.ReactNode
}

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