20 lines
440 B
TypeScript
20 lines
440 B
TypeScript
type Props = {
|
|
icon: React.ReactNode;
|
|
label: string;
|
|
onClick: () => void;
|
|
};
|
|
|
|
function ExampleCasePill({ icon, label, onClick }: Props) {
|
|
return (
|
|
<div
|
|
className="flex cursor-pointer gap-2 whitespace-normal rounded-sm bg-slate-elevation3 px-4 py-3 hover:bg-slate-elevation5 lg:whitespace-nowrap"
|
|
onClick={onClick}
|
|
>
|
|
<div>{icon}</div>
|
|
<div>{label}</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export { ExampleCasePill };
|