feat(SW-3271): Move Chip to design-system * Move Chip to design-system Approved-by: Joakim Jäderberg
28 lines
532 B
TypeScript
28 lines
532 B
TypeScript
import Footnote from '../Footnote'
|
|
|
|
import { chipVariants } from './variants'
|
|
|
|
import type { VariantProps } from 'class-variance-authority'
|
|
|
|
interface ChipProps
|
|
extends React.HtmlHTMLAttributes<HTMLDivElement>,
|
|
VariantProps<typeof chipVariants> {}
|
|
|
|
export default function Chip({
|
|
children,
|
|
className,
|
|
size,
|
|
variant,
|
|
}: ChipProps) {
|
|
const classNames = chipVariants({
|
|
className,
|
|
size,
|
|
variant,
|
|
})
|
|
return (
|
|
<Footnote asChild>
|
|
<div className={classNames}>{children}</div>
|
|
</Footnote>
|
|
)
|
|
}
|