Rating

import * as React from "react";
import { Rating } from "@/components/ui/rating";

export default function Example() {
  const [stars, setStars] = React.useState(4);
  return (
    <div style={{ display: "grid", gap: 6, justifyItems: "center" }}>
      <Rating aria-label="Rate Sylhet green" value={stars} onValueChange={setStars} />
      <span className="text-body-small text-fg-secondary">{stars} of 5 for Sylhet green</span>
    </div>
  );
}