You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
13 lines
412 B
13 lines
412 B
import { Icon, Icons } from "@/components/Icon"; |
|
|
|
export function IconPill(props: { icon: Icons; children?: React.ReactNode }) { |
|
return ( |
|
<div className="bg-pill-background bg-opacity-50 px-4 py-2 rounded-full text-white flex justify-center items-center"> |
|
<Icon |
|
icon={props.icon ?? Icons.WAND} |
|
className="mr-3 text-xl text-type-link" |
|
/> |
|
{props.children} |
|
</div> |
|
); |
|
}
|
|
|