1
0
Fork 0
freesewing/sites/shared/components/control/score.mjs
2023-09-29 16:01:27 +02:00

13 lines
477 B
JavaScript

// __SDEFILE__ - This file is a dependency for the stand-alone environment
import { BulletIcon } from 'shared/components/icons.mjs'
const scores = [1, 2, 3, 4, 5]
export const ControlScore = ({ control, color = 'base-content' }) =>
control ? (
<div className={`flex flex-row items-center text-${color}`}>
{scores.map((score) => (
<BulletIcon fill={control >= score ? true : false} className="w-6 h-6 -ml-1" key={score} />
))}
</div>
) : null