@anoki/fse-marche-ui
Version:
FSE UI components library
3 lines (2 loc) • 2.83 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardNotification/CardNotification.css');const s=require("./index.cjs137.js");;/* empty css */const w=require("react"),N=require("./index.cjs100.js"),g=require("./index.cjs93.js"),e=require("./index.cjs9.js"),t=require("./index.cjs25.js"),y=({type:c,onClickEdit:n,onClickRightManage:r,showExpired:d=!1,buttonMaxWidth:l,onClickGoToDetails:o,icon:i="calendar",variant:u="primary",onClickManage:x,date:j,title:m,showBadge:p=!1,text:h})=>{const a=u==="secondary",f=w.useMemo(()=>{if(i==="calendar")return s.jsxRuntimeExports.jsx(g.Calendar,{width:24,height:26,color:"slate-28"});if(i==="actions")return s.jsxRuntimeExports.jsx(N.Actions,{width:24,height:26,color:"slate-28"})},[i]),R=` ${a?"bg-lightblue-a03 ui-card-notifications-secondary":"bg-white"} shadow br-x4 `,b=` ui-card-notifications-icon base-row ${a?"bg-white":"bg-lightblue-a03"} `,E=` ${l?"w-full":"ui-card-notifications-button"} `;return s.jsxRuntimeExports.jsxs("div",{className:R,children:[s.jsxRuntimeExports.jsxs(e.Row,{px:"x24",py:"x8",justifyContent:"space-between",children:[s.jsxRuntimeExports.jsxs("p",{className:"fs-7 fw-semibold",children:[" ",c]}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 fw-semibold",children:j})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-divider "}),s.jsxRuntimeExports.jsxs(e.Row,{pt:"x16",px:"x24",pb:"x24",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:b,children:[p&&s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge"})}),f]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsxs("div",{className:"mb-x24",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:m}),d&&s.jsxRuntimeExports.jsx(e.Row,{mb:"x8",children:s.jsxRuntimeExports.jsx("div",{className:"py-x4 px-x16 bg-status-error text-white rounded fw-semibold fs-7",children:"SCADUTO"})}),s.jsxRuntimeExports.jsx("p",{children:h})]}),x&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{className:E,onClick:x,children:"Gestisci"})}),s.jsxRuntimeExports.jsxs(e.Row,{justifyContent:"flex-end",className:"w-full gap-x16",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{onClick:r,children:"Gestisci"})}),!!n&&s.jsxRuntimeExports.jsx(t.Button,{onClick:n,bg:"transparent",textColor:"primary",children:"Modifica"}),!!o&&s.jsxRuntimeExports.jsx(t.Button,{onClick:o,variant:"secondary",children:"Più dettagli"})]})]})]})]})};exports.CardNotification=y;
//# sourceMappingURL=index.cjs67.js.map