star-rating-basic-ex-03

1"use client";
2 
3import StarRatingBasic from "@/components/commerce-ui/star-rating-basic";
4import { useState } from "react";
5 
6export default function StarRating_Basic_Ex_01() {
7  const [rating, setRating] = useState(7);
8  return (
9    <div className="flex flex-row items-center gap-4">
10      <StarRatingBasic
11        value={rating}
12        onChange={setRating}
13        maxStars={5}
14        color="rgb(124, 70, 195)"
15      />
16    </div>
17  );
18}