18 lines
427 B
TypeScript
18 lines
427 B
TypeScript
import './Badge.css';
|
|
|
|
type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'public' | 'private';
|
|
|
|
interface BadgeProps {
|
|
children: React.ReactNode;
|
|
variant?: BadgeVariant;
|
|
className?: string;
|
|
}
|
|
|
|
export function Badge({ children, variant = 'default', className = '' }: BadgeProps) {
|
|
return (
|
|
<span className={`badge badge--${variant} ${className}`.trim()}>
|
|
{children}
|
|
</span>
|
|
);
|
|
}
|