import clsx from 'clsx'; import { StarHalfIcon, StarIcon } from 'lucide-react'; /** * Shows a rating with stars. */ export const LandingRating = ({ className, rating = 5, maxRating = 5, size = 'medium', }: { className?: string; rating?: number; maxRating?: number; size?: 'small' | 'medium' | 'large'; }) => { return (
{Array.from({ length: maxRating }).map((_, index) => { return (
{ // Return half star for half ratings rating % 1 !== 0 && index === Math.floor(rating) && index + 1 === Math.ceil(rating) ? (
) : ( = rating, })} aria-hidden="true" /> ) }
); })}
); };