import { Badge } from '@/components/ui/badge';
import { formatUserRole } from './helpers';

type Props = {
    role?: string | null;
    label?: string | null;
};

export function UserRoleBadge({ role, label }: Props) {
    return (
        <Badge variant="secondary" className="rounded-full px-2.5 py-1">
            {formatUserRole({ role, role_label: label })}
        </Badge>
    );
}