UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.87 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardNotification/CardNotification.css');const s=require("./index.cjs237.js");;/* empty css */const g=require("react"),y=require("./index.cjs170.js"),v=require("./index.cjs163.js"),e=require("./index.cjs116.js"),t=require("./index.cjs32.js"),C=({type:c,onClickEdit:n,onClickRightManage:r,rightManageTitle:d="Gestisci",goToDetailsTitle:l="Più dettagli",showExpired:u=!1,buttonMaxWidth:j,onClickGoToDetails:o,icon:i="calendar",variant:m="primary",onClickManage:x,date:p,title:h,showBadge:f=!1,text:R})=>{const a=m==="secondary",b=g.useMemo(()=>{if(i==="calendar")return s.jsxRuntimeExports.jsx(y.Calendar,{width:24,height:26,color:"slate-28"});if(i==="actions")return s.jsxRuntimeExports.jsx(v.Actions,{width:24,height:26,color:"slate-28"})},[i]),E=` ${a?"bg-lightblue-a03 ui-card-notifications-secondary":"bg-white"} shadow br-x4 `,w=` ui-card-notifications-icon base-row ${a?"bg-white":"bg-lightblue-a03"} `,N=` ${j?"w-full":"ui-card-notifications-button"} `;return s.jsxRuntimeExports.jsxs("div",{className:E,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:p})]}),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:w,children:[f&&s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge"})}),b]}),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:h}),u&&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:R})]}),x&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{className:N,onClick:x,children:"Gestisci"})}),s.jsxRuntimeExports.jsxs(e.Row,{justifyContent:"flex-end",className:"w-full gap-x16",children:[!!o&&s.jsxRuntimeExports.jsx(t.Button,{onClick:o,variant:"secondary",children:l}),r&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{onClick:r,children:d})}),!!n&&s.jsxRuntimeExports.jsx(t.Button,{onClick:n,bg:"transparent",textColor:"primary",children:"Modifica"})]})]})]})]})};exports.CardNotification=C; //# sourceMappingURL=index.cjs49.js.map