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