← Назадimport * as React from 'react';
import { cn } from '../../lib/utils';
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
variant?: 'success' | 'danger' | 'warning' | 'info';
}
const Badge = React.forwardRef<HTMLDivElement, BadgeProps>(
({ className, variant = 'info', ...props }, ref) => {
const variants = {
success: 'bg-secondary/20 text-secondary border-secondary/30',
danger: 'bg-danger/20 text-danger border-danger/30',
warning: 'bg-warning/20 text-warning border-warning/30',
info: 'bg-primary/20 text-primary border-primary/30',
};
return (
<div
ref={ref}
className={cn(
'inline-flex items-center rounded-full border px-3 py-1 text-xs font-semibold uppercase tracking-wider',
variants[variant],
className
)}
{...props}
/>
);
}
);
Badge.displayName = 'Badge';
export { Badge };