webapp/src/components/Article/RatingControl.tsx
2022-12-04 18:10:27 +03:00

19 lines
509 B
TypeScript

import styles from './RatingControl.module.scss'
import { clsx } from 'clsx'
import { Icon } from '../_shared/Icon'
interface RatingControlProps {
rating?: number
class?: string
}
export const RatingControl = (props: RatingControlProps) => {
return (
<div class={clsx(props.class, styles.rating)}>
<button class={styles.ratingControl}>&minus;</button>
<span class={styles.ratingValue}>{props?.rating || ''}</span>
<button class={styles.ratingControl}>+</button>
</div>
)
}