mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 23:46:58 +00:00
26 lines
562 B
TypeScript
26 lines
562 B
TypeScript
import { FC, memo } from 'react';
|
|
import rangeMap from '@lib/range-map';
|
|
import { Star } from '@components/icons';
|
|
import cn from 'clsx';
|
|
|
|
export interface RatingProps {
|
|
value: number;
|
|
}
|
|
|
|
const Quantity: FC<RatingProps> = ({ value = 5 }) => (
|
|
<div className="flex flex-row py-6 text-accent-9">
|
|
{rangeMap(5, (i) => (
|
|
<span
|
|
key={`star_${i}`}
|
|
className={cn('inline-block ml-1 ', {
|
|
'text-accent-5': i >= Math.floor(value),
|
|
})}
|
|
>
|
|
<Star />
|
|
</span>
|
|
))}
|
|
</div>
|
|
);
|
|
|
|
export default memo(Quantity);
|