upvote-rating-basic-ex-02

1"use client";
2 
3import { useState } from "react";
4import UpvoteRating_Basic from "@/components/commerce-ui/upvote-rating-basic";
5 
6export default function UpvoteRating_Basic_Ex_02() {
7  const [upvotes, setUpvotes] = useState(100);
8  const [downvotes, setDownvotes] = useState(20);
9  const [upvoted, setUpvoted] = useState(false);
10  const [downvoted, setDownvoted] = useState(false);
11 
12  return (
13    <div className="flex flex-col items-center gap-4">
14      <UpvoteRating_Basic
15        upvotes={upvotes}
16        downvotes={downvotes}
17        upvoted={upvoted}
18        downvoted={downvoted}
19        onVoteChange={(newState) => {
20          setUpvotes(newState.upvotes);
21          setDownvotes(newState.downvotes);
22          setUpvoted(newState.upvoted);
23          setDownvoted(newState.downvoted);
24        }}
25        upvoteIncrement={15}
26        downvoteIncrement={15}
27      />
28    </div>
29  );
30}