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

FSE UI components library

import { j as e } from "./index.es237.js";
import { clsx as j } from "./index.es238.js";
import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
import { CreditCard as f } from "./index.es182.js";
import { EditPencil as b } from "./index.es190.js";
import { Col as s } from "./index.es61.js";
import { Row as t } from "./index.es116.js";
import { ActionIconText as n } from "./index.es18.js";
import { Button as w } from "./index.es32.js";
const T = ({
  title: r,
  code: c,
  onPressDownload: o,
  firstStatusLabel: l,
  secondStatusLabel: x,
  description: d,
  onPressPay: a,
  onPressEdit: i,
  downloadLabel: m,
  payLabel: p,
  editLabel: h
}) => /* @__PURE__ */ e.jsx(s, { className: j("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: c }),
    /* @__PURE__ */ e.jsx("span", { className: "text-slate-20 fw-semibold fs-4", children: r })
  ] }),
  /* @__PURE__ */ e.jsxs(t, { 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: l }) }),
    /* @__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: x }) })
  ] }),
  /* @__PURE__ */ e.jsx(s, { mt: "x24", children: d }),
  /* @__PURE__ */ e.jsx(s, { mt: "x36", mb: "x16", className: "ui-reservation-recap-divider" }),
  /* @__PURE__ */ e.jsxs(
    t,
    {
      className: "actions-container-card-reservation",
      alignItems: "center",
      justifyContent: "space-between",
      children: [
        /* @__PURE__ */ e.jsxs(t, { alignItems: "center", gap: "x16", className: "action-link", children: [
          /* @__PURE__ */ e.jsx(
            n,
            {
              textLabel: p,
              icon: /* @__PURE__ */ e.jsx(f, {}),
              handleAction: a,
              handleIconAction: a,
              classNameText: "fw-bold"
            }
          ),
          /* @__PURE__ */ e.jsx("div", { className: "share-divider-reservations", children: /* @__PURE__ */ e.jsx(
            n,
            {
              textLabel: h,
              icon: /* @__PURE__ */ e.jsx(b, {}),
              handleAction: i,
              handleIconAction: i,
              classNameText: "fw-bold"
            }
          ) })
        ] }),
        /* @__PURE__ */ e.jsx(w, { onClick: o, variant: "secondary", type: "button", children: m })
      ]
    }
  )
] }) });
export {
  T as ReservationRecapCard
};
//# sourceMappingURL=index.es115.js.map