Function Rating

components/Rating.jsx:4–16

({ value = 4 })

import React from "react";

const Rating = ({ value = 4 }) => {

    return (
        <div className="flex items-center">
            {Array.from({ length: 5 }, (_, i) => (
                <Star
                    key={i}
                    className={`shrink-0 size-4 fill-current ${value > i ? "text-green-400" : "text-gray-300"}`}
                />
            ))}
        </div>
    );
};

export default Rating;