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

FSE UI components library

import { j as e } from "./index.es237.js";
import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
import { useRef as j } from "react";
import { Checkbox as w, CheckboxIndicator as b } from "./index.es338.js";
import { useClickOutside as N } from "./index.es339.js";
import { Row as n } from "./index.es116.js";
import { CheckIcon as k } from "./index.es174.js";
import { Col as x } from "./index.es61.js";
import { ArrowLink as g } from "./index.es25.js";
const E = ({
  titleTag: m = "h1",
  title: s,
  specialization: l,
  tag: d,
  officeAddressLabel: h,
  officeAddress: f,
  className: u,
  doctorCode: a,
  setSelectedDoctorCode: r,
  keepSelectionOnNavigation: p = !1,
  ctaTitle: o,
  ctaAction: c,
  isActive: i
}) => {
  const t = j(null);
  return N(
    t,
    i,
    () => r(void 0),
    () => r(void 0),
    p
  ), /* @__PURE__ */ e.jsxs(
    n,
    {
      br: "x4",
      p: "x24",
      gap: "x16",
      bg: "white",
      text: "slate-20",
      ref: t,
      className: `${u} ${i ? "ui-is-active ui-card-search" : "ui-card-search"} shadow cursor-pointer`,
      onClick: () => {
        r(a);
      },
      children: [
        /* @__PURE__ */ e.jsx(
          w,
          {
            id: a,
            checked: i,
            className: "ui-checkbox-filter",
            title: `Seleziona ${s}`,
            "aria-label": `Seleziona ${s}`,
            children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(k, { width: 14, height: 14, color: "white" }) })
          }
        ),
        /* @__PURE__ */ e.jsxs(x, { justifyContent: "center", className: "w-full", children: [
          /* @__PURE__ */ e.jsxs(x, { pb: "x16", children: [
            /* @__PURE__ */ e.jsx(m, { className: "flex-1 text-decoration-none fs-4 fw-semibold", children: s }),
            !!l && /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-regular text-slate-28", children: l }),
            /* @__PURE__ */ e.jsx(
              "div",
              {
                className: "ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7",
                children: d
              }
            )
          ] }),
          /* @__PURE__ */ e.jsxs(n, { justifyContent: "space-between", alignItems: "end", children: [
            /* @__PURE__ */ e.jsxs("div", { className: "text-slate-28 fs-6", children: [
              /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: h }),
              /* @__PURE__ */ e.jsx("div", { className: "w-full", children: /* @__PURE__ */ e.jsx("p", { className: "fw-regular", children: f }) })
            ] }),
            o && c && /* @__PURE__ */ e.jsx(
              g,
              {
                asButton: !0,
                onClick: c,
                arrowVisible: !1,
                className: "cursor-pointer",
                children: o
              }
            )
          ] })
        ] })
      ]
    }
  );
};
export {
  E as CardMapDoctorV2
};
//# sourceMappingURL=index.es47.js.map