Files
supabase/www/components/Badge.tsx
T
2020-12-02 22:32:05 +08:00

21 lines
507 B
TypeScript

type Props = {
className?: string
children: any
}
const Badge = (props: Props) => {
const { className, children } = props
return (
<span
className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800 ${className}`}
>
<svg className="-ml-0.5 mr-1.5 h-2 w-2 text-indigo-400" fill="currentColor" viewBox="0 0 8 8">
<circle cx="4" cy="4" r="3" />
</svg>
{props.children}
</span>
)
}
export default Badge