20 lines
500 B
TypeScript
20 lines
500 B
TypeScript
|
import styles from './RatingControl.module.scss'
|
||
|
|
import { clsx } from 'clsx'
|
||
|
|
|
||
|
|
interface RatingControlProps {
|
||
|
|
rating?: number
|
||
|
|
class?: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export const RatingControl = (props: RatingControlProps) => {
|
||
|
|
return (
|
||
|
|
<div class={clsx(props.class, styles.rating)}>
|
||
|
|
<button class={styles.ratingControl}>−</button>
|
||
|
|
<span class={styles.ratingValue}>{props?.rating || ''}</span>
|
||
|
|
<button class={styles.ratingControl}>+</button>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default RatingControl
|