UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.68 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ReservationRecapCard/ReservationRecapCard.css');const e=require("./index.cjs237.js"),o=require("./index.cjs182.js"),E=require("./index.cjs239.js");;/* empty css */const b=require("./index.cjs190.js"),s=require("./index.cjs61.js"),n=require("./index.cjs116.js"),a=require("./index.cjs18.js"),w=require("./index.cjs25.js"),v=require("./index.cjs32.js"),f=({title:c,code:l,onPressDownload:d,firstStatusLabel:j,secondStatusLabel:m,description:u,onPressPay:t,onPressPayLink:i=void 0,onPressEdit:x,downloadLabel:p,payLabel:r,editLabel:R,asLink:h="a"})=>e.jsxRuntimeExports.jsx(s.Col,{className:E.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:l}),e.jsxRuntimeExports.jsx("span",{className:"text-slate-20 fw-semibold fs-4",children:c})]}),e.jsxRuntimeExports.jsxs(n.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:j})}),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:m})})]}),e.jsxRuntimeExports.jsx(s.Col,{mt:"x24",children:u}),e.jsxRuntimeExports.jsx(s.Col,{mt:"x36",mb:"x16",className:"ui-reservation-recap-divider"}),e.jsxRuntimeExports.jsxs(n.Row,{className:"actions-container-card-reservation",alignItems:"center",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(n.Row,{alignItems:"center",gap:"x16",className:"action-link",children:[t?e.jsxRuntimeExports.jsx(a.ActionIconText,{textLabel:r,icon:e.jsxRuntimeExports.jsx(o.CreditCard,{}),handleAction:t,handleIconAction:t,classNameText:"fw-bold"}):i?e.jsxRuntimeExports.jsxs(w.ArrowLink,{className:"ui-reservation-recap-pay-link",asLink:h,href:i,arrowVisible:!1,children:[e.jsxRuntimeExports.jsx(o.CreditCard,{}),r]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),e.jsxRuntimeExports.jsx("div",{className:(t||i)&&"share-divider-reservations",children:e.jsxRuntimeExports.jsx(a.ActionIconText,{textLabel:R,icon:e.jsxRuntimeExports.jsx(b.EditPencil,{}),handleAction:x,handleIconAction:x,classNameText:"fw-bold"})})]}),e.jsxRuntimeExports.jsx(v.Button,{onClick:d,variant:"secondary",type:"button",children:p})]})]})});exports.ReservationRecapCard=f; //# sourceMappingURL=index.cjs115.js.map