p-stream/src/components/layout/IconPill.tsx
mrjvs cec0744907 the start on a docs page + error pages
Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>
Co-authored-by: William Oldham <github@binaryoverload.co.uk>
2023-10-23 23:06:24 +02:00

13 lines
411 B
TypeScript

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-bink-600"
/>
{props.children}
</div>
);
}