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