// components/Rating.js
import { h } from "sigpro";

export const Rating = (props, children) => {
  children === undefined && (children = props, props = {});
  const name = `rating-${Math.random().toString(36).slice(2, 7)}`;
  
  return h("div", { ...props, class: `rating ${props.class ?? ''}` }, children || Array.from({ length: props.count || 5 }, (_, i) => {
    const starValue = i + 1;
    return h("input", {
      type: "radio",
      name,
      class: `mask ${props.mask || "mask-star"}`,
      checked: () => typeof props.value === "function" ? props.value() === starValue : props.value === starValue,
      onchange: () => {
        if (props.onchange) props.onchange(starValue);
        else if (typeof props.value === "function") props.value(starValue);
      }
    });
  }));
};