import { Badge } from '@/Components/ui/badge';
import { Star } from 'lucide-react';

export default function RatingBadge({ value, count, glass = true }: { value: number; count?: number; glass?: boolean }) {
    if (!value) return null;
    return (
        <Badge variant={glass ? 'glass' : 'default'} aria-label={`Rated ${value.toFixed(1)} out of 10`}>
            <Star className="size-3 fill-amber-400 text-amber-400" />
            {value.toFixed(1)}
            {count !== undefined && <span className="text-muted-foreground">({count})</span>}
        </Badge>
    );
}