import { Badge } from '@/components/ui/badge';
import { cn } from '@/lib/utils';
import { USER_STATUS_META } from './constants';

type Props = {
    isActive: boolean;
};

export function UserStatusBadge({ isActive }: Props) {
    const status = isActive
        ? USER_STATUS_META.active
        : USER_STATUS_META.inactive;
    const Icon = status.icon;

    return (
        <Badge
            variant="outline"
            className={cn(
                'gap-1.5 rounded-full border-0 px-2.5 py-1 ring-1',
                status.tone,
            )}
        >
            <Icon />
            {status.label}
        </Badge>
    );
}