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

FSE UI components library

import { j as s } from "./index.es237.js";
import { clsx as d } from "./index.es238.js";
import m from "./index.es289.js";
const x = ({
  index: t,
  title: l,
  content: a,
  isOpen: e,
  detailLabels: i,
  onToggle: c
}) => /* @__PURE__ */ s.jsxs("div", { className: "step-item", children: [
  /* @__PURE__ */ s.jsxs("div", { className: d("step-header", e && "open"), children: [
    /* @__PURE__ */ s.jsx("div", { className: "step-number", children: t + 1 }),
    /* @__PURE__ */ s.jsx("div", { className: "step-title", children: l })
  ] }),
  /* @__PURE__ */ s.jsxs("div", { className: "step-details", children: [
    /* @__PURE__ */ s.jsxs("div", { className: "step-details-box", children: [
      /* @__PURE__ */ s.jsx("div", { className: "" }),
      /* @__PURE__ */ s.jsx("div", { className: "line" })
    ] }),
    /* @__PURE__ */ s.jsxs("div", { className: "step-details-content", children: [
      /* @__PURE__ */ s.jsx(
        m,
        {
          className: "toggle-btn",
          onClick: c,
          isOpen: e,
          toggleLabels: i
        }
      ),
      e && /* @__PURE__ */ s.jsx("div", { className: "step-content", children: a })
    ] })
  ] })
] });
export {
  x as StepItem
};
//# sourceMappingURL=index.es287.js.map