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

FSE UI components library

import { j as e } from "./index.es237.js";
import { CreditCard as c } from "./index.es182.js";
import { clsx as w } from "./index.es239.js";
import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
import { EditPencil as N } from "./index.es190.js";
import { Col as s } from "./index.es61.js";
import { Row as r } from "./index.es116.js";
import { ActionIconText as o } from "./index.es18.js";
import { ArrowLink as v } from "./index.es25.js";
import { Button as u } from "./index.es32.js";
const F = ({
  title: l,
  code: x,
  onPressDownload: d,
  firstStatusLabel: m,
  secondStatusLabel: p,
  description: h,
  onPressPay: i,
  onPressPayLink: t = void 0,
  onPressEdit: a,
  downloadLabel: j,
  payLabel: n,
  editLabel: f,
  asLink: b = "a"
}) => /* @__PURE__ */ e.jsx(s, { className: w("shadow  br-x4 ui-radio-card-container-reservations"), children: /* @__PURE__ */ e.jsxs(s, { p: "x24", style: { width: "100%" }, children: [
  /* @__PURE__ */ e.jsxs(s, { gap: "x8", children: [
    /* @__PURE__ */ e.jsx("span", { className: "fs-7 fw-semibold text-slate-28", children: x }),
    /* @__PURE__ */ e.jsx("span", { className: "text-slate-20 fw-semibold fs-4", children: l })
  ] }),
  /* @__PURE__ */ e.jsxs(r, { mt: "x16", gap: "x16", children: [
    /* @__PURE__ */ e.jsx("div", { className: "  px-x16 py-x4 bg-blue-15  rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: m }) }),
    /* @__PURE__ */ e.jsx("div", { className: "  px-x16 py-x4 bg-status-warning  rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: p }) })
  ] }),
  /* @__PURE__ */ e.jsx(s, { mt: "x24", children: h }),
  /* @__PURE__ */ e.jsx(s, { mt: "x36", mb: "x16", className: "ui-reservation-recap-divider" }),
  /* @__PURE__ */ e.jsxs(
    r,
    {
      className: "actions-container-card-reservation",
      alignItems: "center",
      justifyContent: "space-between",
      children: [
        /* @__PURE__ */ e.jsxs(r, { alignItems: "center", gap: "x16", className: "action-link", children: [
          i ? /* @__PURE__ */ e.jsx(
            o,
            {
              textLabel: n,
              icon: /* @__PURE__ */ e.jsx(c, {}),
              handleAction: i,
              handleIconAction: i,
              classNameText: "fw-bold"
            }
          ) : t ? /* @__PURE__ */ e.jsxs(v, { className: "ui-reservation-recap-pay-link", asLink: b, href: t, arrowVisible: !1, children: [
            /* @__PURE__ */ e.jsx(c, {}),
            n
          ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
          /* @__PURE__ */ e.jsx("div", { className: (i || t) && "share-divider-reservations", children: /* @__PURE__ */ e.jsx(
            o,
            {
              textLabel: f,
              icon: /* @__PURE__ */ e.jsx(N, {}),
              handleAction: a,
              handleIconAction: a,
              classNameText: "fw-bold"
            }
          ) })
        ] }),
        /* @__PURE__ */ e.jsx(u, { onClick: d, variant: "secondary", type: "button", children: j })
      ]
    }
  )
] }) });
export {
  F as ReservationRecapCard
};
//# sourceMappingURL=index.es115.js.map