UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.38 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ReservationRecapCard/ReservationRecapCard.css');const e=require("./index.cjs237.js"),p=require("./index.cjs238.js");;/* empty css */const R=require("./index.cjs182.js"),h=require("./index.cjs190.js"),s=require("./index.cjs61.js"),t=require("./index.cjs116.js"),x=require("./index.cjs18.js"),E=require("./index.cjs32.js"),b=({title:r,code:o,onPressDownload:a,firstStatusLabel:c,secondStatusLabel:l,description:d,onPressPay:n,onPressEdit:i,downloadLabel:j,payLabel:m,editLabel:u})=>e.jsxRuntimeExports.jsx(s.Col,{className:p.clsx("shadow br-x4 ui-radio-card-container-reservations"),children:e.jsxRuntimeExports.jsxs(s.Col,{p:"x24",style:{width:"100%"},children:[e.jsxRuntimeExports.jsxs(s.Col,{gap:"x8",children:[e.jsxRuntimeExports.jsx("span",{className:"fs-7 fw-semibold text-slate-28",children:o}),e.jsxRuntimeExports.jsx("span",{className:"text-slate-20 fw-semibold fs-4",children:r})]}),e.jsxRuntimeExports.jsxs(t.Row,{mt:"x16",gap:"x16",children:[e.jsxRuntimeExports.jsx("div",{className:" px-x16 py-x4 bg-blue-15 rounded ",children:e.jsxRuntimeExports.jsx("span",{className:"text-white fs-7 fw-bold",children:c})}),e.jsxRuntimeExports.jsx("div",{className:" px-x16 py-x4 bg-status-warning rounded ",children:e.jsxRuntimeExports.jsx("span",{className:"text-white fs-7 fw-bold",children:l})})]}),e.jsxRuntimeExports.jsx(s.Col,{mt:"x24",children:d}),e.jsxRuntimeExports.jsx(s.Col,{mt:"x36",mb:"x16",className:"ui-reservation-recap-divider"}),e.jsxRuntimeExports.jsxs(t.Row,{className:"actions-container-card-reservation",alignItems:"center",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(t.Row,{alignItems:"center",gap:"x16",className:"action-link",children:[e.jsxRuntimeExports.jsx(x.ActionIconText,{textLabel:m,icon:e.jsxRuntimeExports.jsx(R.CreditCard,{}),handleAction:n,handleIconAction:n,classNameText:"fw-bold"}),e.jsxRuntimeExports.jsx("div",{className:"share-divider-reservations",children:e.jsxRuntimeExports.jsx(x.ActionIconText,{textLabel:u,icon:e.jsxRuntimeExports.jsx(h.EditPencil,{}),handleAction:i,handleIconAction:i,classNameText:"fw-bold"})})]}),e.jsxRuntimeExports.jsx(E.Button,{onClick:a,variant:"secondary",type:"button",children:j})]})]})});exports.ReservationRecapCard=b; //# sourceMappingURL=index.cjs115.js.map