like-rating-basic-ex-01

1"use client";
2 
3import LikeRatingBasic from "@/components/commerce-ui/like-rating-basic";
4import { useState } from "react";
5 
6export default function LikeRating_Basic_Ex_01() {
7  const [likes, setLikes] = useState(1100);
8  const [dislikes, setDislikes] = useState(260);
9  const [isLiked, setIsLiked] = useState(true);
10  const [isDisliked, setIsDisliked] = useState(false);
11 
12  return (
13    <div className="flex w-full flex-col items-center gap-4">
14      <LikeRatingBasic
15        dislikes={dislikes}
16        isDisliked={isDisliked}
17        isLiked={isLiked}
18        likes={likes}
19        onRatingChange={(newState) => {
20          setLikes(newState.likes);
21          setDislikes(newState.dislikes);
22          setIsLiked(newState.isLiked);
23          setIsDisliked(newState.isDisliked);
24        }}
25      />
26    </div>
27  );
28}