minusculas

components/rating.js

@@ -0,0 +1,21 @@
+// components/Rating.js
+import { Tag } from "sigpro";
+
+export const Rating = (props, children) => {
+  children === undefined && (children = props, props = {});
+  const name = `rating-${Math.random().toString(36).slice(2, 7)}`;
+  
+  return Tag("div", { ...props, class: `rating ${props.class ?? ''}` }, children || Array.from({ length: props.count || 5 }, (_, i) => {
+    const starValue = i + 1;
+    return Tag("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);
+      }
+    });
+  }));
+};