26 lines
658 B
TypeScript
26 lines
658 B
TypeScript
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>;
|
|
}
|