import Footnote from "@/components/TempDesignSystem/Text/Footnote"

import { chipVariants } from "./variants"

import type { ChipProps } from "./chip"

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