Rating Component

import { Rating } from '@monorepo/ui/DesignSystem';
import { useState } from 'react';

// Display rating
<Rating value={4.5} />

// Interactive rating
const [rating, setRating] = useState(0);
<Rating
  value={rating}
  interactive
  onChange={(value) => setRating(value)}
/>

// Custom size
<Rating value={3} size="lg" />

// Without half stars
<Rating value={4} showHalfStars={false} />

// Custom max stars
<Rating value={7} max={10} />