star-rating-basic-ex-02

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 value={rating} onChange={setRating} maxStars={10} />
11      <p>({rating})</p>
12    </div>
13  );
14}