@anoki/fse-ui/dist/index.es395.js

FSE UI components library

import { j as a } from "./index.es237.js";
import './components/ui/Feedback/Rating.css';/* empty css            */
import { l as o } from "./index.es241.js";
import { clsx as c } from "./index.es238.js";
import { Rating as r } from "./index.es222.js";
const i = 5, m = o.range(1, i + 1);
function g({ onClick: t, rating: e = 0 }) {
  const l = (s) => s <= e;
  return /* @__PURE__ */ a.jsxs("fieldset", { className: "rating", children: [
    /* @__PURE__ */ a.jsx("legend", { className: "visually-hidden", children: "Valutazione" }),
    m.map((s, n) => /* @__PURE__ */ a.jsxs(
      "button",
      {
        onClick: () => t(s),
        className: c("star black-focus", {
          active: l(s)
        }),
        children: [
          /* @__PURE__ */ a.jsx(r, { className: "icon icon-sm" }),
          /* @__PURE__ */ a.jsxs("span", { className: "visually-hidden", children: [
            "Valuta ",
            s,
            " stelle su ",
            i
          ] })
        ]
      },
      n
    ))
  ] });
}
export {
  g as Rating
};
//# sourceMappingURL=index.es395.js.map