import type { ComponentProps } from 'react';
import { Badge } from '@/components/ui/badge';

type ClientBooleanBadgeProps = {
    value: boolean;
    trueLabel: string;
    falseLabel: string;
    trueVariant?: ComponentProps<typeof Badge>['variant'];
    falseVariant?: ComponentProps<typeof Badge>['variant'];
};

export function ClientBooleanBadge({
    value,
    trueLabel,
    falseLabel,
    trueVariant = 'successSoft',
    falseVariant = 'secondarySoft',
}: ClientBooleanBadgeProps) {
    if (value) {
        return <Badge variant={trueVariant}>{trueLabel}</Badge>;
    }

    return <Badge variant={falseVariant}>{falseLabel}</Badge>;
}