@anoki/fse-marche-ui/dist/index.es60.js

FSE UI components library

import { j as i } from "./index.es137.js";
import './components/ui/TitleSection/TitleSection.css';/* empty css            */
import { clsx as r } from "./index.es139.js";
import { MoreActions as d } from "./index.es104.js";
import { Row as e } from "./index.es9.js";
const N = ({
  action1: a = /* @__PURE__ */ i.jsx(i.Fragment, {}),
  action2: t,
  mainButton: s,
  secondaryButton: l,
  titleSection: n,
  classNameTitle: c,
  isMoreOption: o = !1,
  handleMoreOption: m = () => {
  },
  titleTag: x = "h2"
}) => /* @__PURE__ */ i.jsxs("div", { children: [
  /* @__PURE__ */ i.jsxs("div", { className: r("ui-title-section-container"), children: [
    /* @__PURE__ */ i.jsxs("div", { className: "ui-title-row", children: [
      /* @__PURE__ */ i.jsx(
        x,
        {
          className: r(
            c,
            "py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28"
          ),
          children: n
        }
      ),
      /* @__PURE__ */ i.jsx("div", { className: "ui-mobile-actions", children: /* @__PURE__ */ i.jsx(
        d,
        {
          className: "cursor-pointer",
          onClick: m,
          "aria-label": "Altre opzioni"
        }
      ) }),
      o && /* @__PURE__ */ i.jsx(i.Fragment, {})
    ] }),
    /* @__PURE__ */ i.jsx("nav", { className: "ui-desktop-actions", "aria-label": "Azioni principali", children: /* @__PURE__ */ i.jsxs(
      e,
      {
        as: "ul",
        gap: "x20",
        fw: "semibold",
        text: "primary",
        fs: "8",
        className: "list-style-none",
        children: [
          a,
          t && /* @__PURE__ */ i.jsx("span", { className: "ui-divider-title-section" }),
          t,
          l && /* @__PURE__ */ i.jsx(
            e,
            {
              as: "li",
              text: "primary",
              justifyContent: "center",
              alignItems: "center",
              gap: "x8",
              children: l
            }
          ),
          s && /* @__PURE__ */ i.jsx(
            e,
            {
              as: "li",
              text: "primary",
              justifyContent: "center",
              alignItems: "center",
              gap: "x8",
              children: s
            }
          )
        ]
      }
    ) })
  ] }),
  /* @__PURE__ */ i.jsx("div", { className: "ui-mobile-main-button", children: s })
] });
export {
  N as TitleSection
};
//# sourceMappingURL=index.es60.js.map