import * as React from "react";
import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "@/lib/utils";
import { Rating as PluginRating, RatingChange } from "@smastrom/react-rating";
import "@smastrom/react-rating/style.css";
const ratingVariants = cva(" ", {
variants: {
variant: {
flat: "flat",
outline: "outline-style",
},
},
defaultVariants: {
variant: "flat",
},
});
const StarDrawing = (
);
interface RatingProps extends VariantProps {
className?: string;
itemStyles?: {
[key: string]: string | number | string[];
};
variant?: "flat" | "outline";
value: number;
onChange?: RatingChange;
readOnly?: boolean;
isDisabled?: boolean;
onHoverChange?: (value: number) => void;
highlightOnlySelected?: boolean;
}
const Rating = ({
className,
itemStyles = {},
variant = "flat",
value,
onChange,
...props
}: RatingProps) => {
const myStyles = {
itemShapes: StarDrawing,
activeFillColor: variant === "outline" ? "none" : "#FACC15",
activeStrokeColor: variant === "outline" ? "#FACC15" : "none",
inactiveStrokeColor: variant === "outline" ? "#CBD5E1" : "none",
itemStrokeWidth: 1,
inactiveFillColor: variant === "outline" ? "none" : "#CBD5E1",
...itemStyles,
};
return (
);
};
export { Rating };