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

FSE UI components library

import { j as e } from "./index.es278.js";
import { CreditCard as c } from "./index.es95.js";
import { clsx as w } from "./index.es280.js";
import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
import { Col as s } from "./index.es82.js";
import { Row as r } from "./index.es219.js";
import { ActionIconText as l } from "./index.es9.js";
import { ArrowLink as N } from "./index.es21.js";
import { EditPencil as v } from "./index.es119.js";
import { Button as u } from "./index.es36.js";
const V = ({
  title: o,
  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: o })
  ] }),
  /* @__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(
            l,
            {
              textLabel: n,
              icon: /* @__PURE__ */ e.jsx(c, {}),
              handleAction: i,
              handleIconAction: i,
              classNameText: "fw-bold"
            }
          ) : t ? /* @__PURE__ */ e.jsxs(
            N,
            {
              className: "ui-reservation-recap-pay-link",
              asLink: b,
              href: t,
              arrowVisible: !1,
              children: [
                /* @__PURE__ */ e.jsx(c, {}),
                n
              ]
            }
          ) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
          a && /* @__PURE__ */ e.jsx(
            "div",
            {
              className: (i || t) && "share-divider-reservations",
              children: /* @__PURE__ */ e.jsx(
                l,
                {
                  textLabel: f,
                  icon: /* @__PURE__ */ e.jsx(v, {}),
                  handleAction: a,
                  handleIconAction: a,
                  classNameText: "fw-bold"
                }
              )
            }
          )
        ] }),
        /* @__PURE__ */ e.jsx(u, { onClick: d, variant: "secondary", type: "button", children: j })
      ]
    }
  )
] }) });
export {
  V as ReservationRecapCard
};
//# sourceMappingURL=index.es217.js.map