15 lines
444 B
TypeScript
15 lines
444 B
TypeScript
type ChipProps = {
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
export default function Chip(props: ChipProps): JSX.Element {
|
|
return (
|
|
<div
|
|
className={`grid place-content-center place-items-center text-xs pb-[0.14rem] whitespace-nowrap px-1.5 border-[1px] rounded-full opacity-70 transition-[color,_opacity,_border-color] hover:opacity-100 ${props.className}`}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
}
|