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

FSE UI components library

import { j as e } from "./index.es237.js";
import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
import { Divider as h } from "./index.es72.js";
import { LOGOS as r } from "./index.es9.js";
import { Col as f } from "./index.es61.js";
import { Row as t } from "./index.es116.js";
const w = ({
  title: i,
  isSelected: n = !1,
  region: s,
  mainLabel: c = "Fascicolo Sanitario",
  regionLabel: o = "Salute"
}) => {
  const l = r.nazionale, d = r[s], m = (a) => a.charAt(0).toUpperCase() + a.slice(1);
  return /* @__PURE__ */ e.jsxs(
    f,
    {
      className: `position-relative change-related-card-container text-slate-20 ${n ? "change-related-card-container-selected" : ""}`,
      children: [
        /* @__PURE__ */ e.jsx(
          t,
          {
            className: "change-related-title",
            alignItems: "center",
            justifyContent: "center",
            children: /* @__PURE__ */ e.jsx("p", { className: "fw-semibold fs-4 md-fs-3 ", children: i })
          }
        ),
        /* @__PURE__ */ e.jsxs(
          t,
          {
            className: "change-related-card-row",
            alignItems: "center",
            justifyContent: "center",
            children: [
              /* @__PURE__ */ e.jsxs(t, { className: "change-related-icons", children: [
                /* @__PURE__ */ e.jsx(l, { className: "national-icon", width: 27, height: 44 }),
                /* @__PURE__ */ e.jsx(
                  h,
                  {
                    className: "divider-icon",
                    bg: "border-divider",
                    direction: "vertical"
                  }
                ),
                /* @__PURE__ */ e.jsx(d, { width: 44, height: 44 })
              ] }),
              /* @__PURE__ */ e.jsxs("h1", { className: "fs-6 md-fs-custom fw-normal text-align-center", children: [
                /* @__PURE__ */ e.jsx("p", { children: c }),
                /* @__PURE__ */ e.jsxs("p", { style: { fontWeight: "bold" }, children: [
                  o,
                  " ",
                  m(s)
                ] })
              ] })
            ]
          }
        )
      ]
    }
  );
};
export {
  w as ChangeRelatedCard
};
//# sourceMappingURL=index.es59.js.map