Rating

1import { Rating, RatingItem } from "@/components/ui/rating";
2
3<Rating />

1"use client";
2
3import {
4  RatingGroup as ArkRatingGroup,
5  useRatingGroupContext,
6} from "@ark-ui/react/rating-group";
7import { StarIcon } from "lucide-react";
8import React from "react";
9import { cn } from "@/lib/utils";
10
11export const useRating = useRatingGroupContext;
12
13interface RatingProps extends React.ComponentProps<typeof ArkRatingGroup.Root> {
14  /**
15   * The icon to use for the rating.
16   *
17   * @default <StarIcon />
18   */
19  icon?: React.ReactNode;
20}
21
22export const Rating = (props: RatingProps) => {
23  const {
24    icon = <StarIcon />,
25    allowHalf = false,
26    count = 5,
27    className,
28    ...rest