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>
  )
}