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

type GenderBadgeProps = {
    gender: string | null | undefined;
};

export function GenderBadge({ gender }: GenderBadgeProps) {
    if (gender === 'male') {
        return (
            <Badge className="bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-300">
                Laki-laki
            </Badge>
        );
    }

    if (gender === 'female') {
        return (
            <Badge className="bg-pink-100 text-pink-700 dark:bg-pink-500/20 dark:text-pink-300">
                Perempuan
            </Badge>
        );
    }

    return <span className="text-muted-foreground">-</span>;
}