29 lines
579 B
TypeScript
29 lines
579 B
TypeScript
const Badge = ({
|
|
label,
|
|
fillColor,
|
|
shadowColor,
|
|
borderColor,
|
|
}: {
|
|
label: string
|
|
fillColor?: string
|
|
shadowColor?: string
|
|
borderColor: string
|
|
}) => {
|
|
return (
|
|
<div
|
|
className="w-max rounded-full border px-3 py-1"
|
|
style={{
|
|
background: fillColor ? fillColor : 'transparent',
|
|
borderColor: borderColor,
|
|
boxShadow: shadowColor ? `0px 0px 8px 0px ${shadowColor}` : 'none',
|
|
}}
|
|
>
|
|
<span style={{ color: fillColor ? 'var(--fgd-1)' : borderColor }}>
|
|
{label}
|
|
</span>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Badge
|