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

FSE UI components library

import { j as e } from "./index.es244.js";
import { Close as i, Title as n } from "./index.es324.js";
import { Button as a } from "./index.es28.js";
import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
import { clsx as m } from "./index.es246.js";
import { Row as c } from "./index.es9.js";
import { ArrowLeft as h } from "./index.es173.js";
import { Close as d } from "./index.es161.js";
import { Col as l } from "./index.es10.js";
const y = ({
  labels: t = {
    closeButton: "Chiudi",
    backButton: "Indietro"
  },
  onCloseClick: r,
  onBackClick: o,
  showBackButton: s = !1,
  children: x,
  classNameModalHeader: u = "ui-base-modal-header"
}) => /* @__PURE__ */ e.jsxs("header", { className: m(u, "bg-white br-t-x4"), children: [
  /* @__PURE__ */ e.jsxs(c, { alignItems: "center", justifyContent: "space-between", children: [
    s && o && (t != null && t.backButton) ? /* @__PURE__ */ e.jsxs(
      a,
      {
        size: "4",
        textColor: "primary",
        bg: "transparent",
        "aria-label": "Torna indietro",
        onClick: o,
        children: [
          /* @__PURE__ */ e.jsx(h, { className: "mr-x8" }),
          t.backButton
        ]
      }
    ) : null,
    r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
      a,
      {
        size: "4",
        textColor: "primary",
        bg: "transparent",
        "aria-label": "Chiudi modale",
        onClick: r,
        className: "ui-base-modal-close",
        children: [
          t.closeButton,
          /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
        ]
      }
    ) }) : null
  ] }),
  /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: x }) })
] }), z = ({
  labels: t = {
    closeButton: "Chiudi"
  },
  onCloseClick: r,
  children: o,
  classNameModalHeader: s = "ui-base-modal-header"
}) => /* @__PURE__ */ e.jsx("header", { className: m(s, "bg-white br-t-x4"), children: /* @__PURE__ */ e.jsxs(c, { justifyContent: "space-between", children: [
  /* @__PURE__ */ e.jsx(l, {}),
  /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: o }),
  r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
    a,
    {
      size: "4",
      textColor: "primary",
      bg: "transparent",
      "aria-label": "Chiudi modale",
      onClick: r,
      className: "ui-base-modal-close",
      children: [
        t.closeButton,
        /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
      ]
    }
  ) }) : null
] }) });
export {
  y as BaseModalHeader,
  z as BaseModalHeaderV2
};
//# sourceMappingURL=index.es325.js.map