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

FSE UI components library

import { j as e } from "./index.es237.js";
import { clsx as a } from "./index.es238.js";
import { StepArrow as d } from "./index.es560.js";
const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
  /* @__PURE__ */ e.jsxs(
    "button",
    {
      type: "button",
      className: "step-header",
      onClick: c,
      "aria-expanded": s,
      children: [
        /* @__PURE__ */ e.jsx("div", { className: "step-title", title: t, children: t }),
        r && /* @__PURE__ */ e.jsx("div", { className: "step-badge", children: r }),
        /* @__PURE__ */ e.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ e.jsx(
          d,
          {
            width: 24,
            height: 25,
            className: "arrow-icon",
            decorative: !0
          }
        ) })
      ]
    }
  ),
  /* @__PURE__ */ e.jsx("div", { className: "step-details", children: /* @__PURE__ */ e.jsx("div", { className: "step-details-content", children: s && /* @__PURE__ */ e.jsx("div", { className: "step-content", children: i }) }) })
] });
export {
  m as StepItemGenericAccordion
};
//# sourceMappingURL=index.es290.js.map