14 lines
433 B
JavaScript
14 lines
433 B
JavaScript
|
import React from 'react'
|
||
|
|
import { BulletIcon } from '@freesewing/react/components/Icon'
|
||
|
|
|
||
|
|
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
|