import { VariantProps } from 'class-variance-authority'
import { chipVariants } from './variants'
import Footnote from '../Footnote'

export interface ChipProps
  extends React.HtmlHTMLAttributes<HTMLDivElement>,
    VariantProps<typeof chipVariants> {}

/**
 * @deprecated Do not use
 */

export default function Chip({
  children,
  className,
  size,
  variant,
}: ChipProps) {
  const classNames = chipVariants({
    className,
    size,
    variant,
  })
  return (
    <Footnote asChild>
      <div className={classNames}>{children}</div>
    </Footnote>
  )
}