@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 2.78 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardClinicalData/CardClinicalData.css');const s=require("./index.cjs244.js");;/* empty css */const e=require("./index.cjs246.js"),x=require("./index.cjs9.js"),l=require("./index.cjs158.js"),R=require("./index.cjs28.js"),b=({information:r=[],className:o="",clinicalCode:d="",isOpen:t,onToggle:m,hasBorder:u=!0,clinicalLabel:j="",label:i,classNameTitle:p="fw-semibold fs-5 md-fs-4 text-color-darker",deleteLabel:n,onDelete:h})=>{const a=r.length>0;return s.jsxRuntimeExports.jsxs("div",{className:"rounded shadow w-full",children:[s.jsxRuntimeExports.jsx("button",{className:e.clsx(t&&u&&"ui-has-border-bottom","ui-btn-accordion-clinical-data",o),type:"button",onClick:a?m:void 0,disabled:!a,children:s.jsxRuntimeExports.jsxs("div",{className:"ui-header-content p-x24",children:[s.jsxRuntimeExports.jsxs(x.Row,{gap:"x24",alignItems:"center",className:"first-row",children:[s.jsxRuntimeExports.jsxs("div",{className:"clinical-data-info",children:[s.jsxRuntimeExports.jsx("h3",{className:e.clsx(p),children:d}),s.jsxRuntimeExports.jsx("span",{className:"ui-divider"}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 md-fs-6 text-muted fw-semibold",children:j})]}),a&&s.jsxRuntimeExports.jsx(l.ArrowDown,{color:"primary",className:e.clsx("ui-arrow-card-clinical-data mobile-arrow",{"ui-expanded-card-clinical-data":t})})]}),s.jsxRuntimeExports.jsxs(x.Row,{gap:"x16",alignItems:"center",className:"ui-arrow-container desktop-row",children:[i&&s.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label",style:{width:"max-content"},children:i}),a&&s.jsxRuntimeExports.jsx(l.ArrowDown,{color:"primary",className:e.clsx("ui-arrow-card-clinical-data desktop-arrow",{"ui-expanded-card-clinical-data":t})})]}),i&&s.jsxRuntimeExports.jsx("div",{className:"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label",style:{width:"max-content"},children:i})]})}),t&&a&&s.jsxRuntimeExports.jsx("dl",{className:e.clsx("p-x24",r.length>1?"ui-card-clinical-data":"base-row py-x16"),children:r.map(({label:c,value:w})=>s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("dt",{className:e.clsx("fs-custom fw-bold text-slate-28",r.length===1&&"me-x8 mb-0"),children:[c,":"]}),s.jsxRuntimeExports.jsx("dd",{className:"fs-custom fw-regular text-slate-28 mb-0",children:w})]},c))}),t&&n&&s.jsxRuntimeExports.jsx(x.Row,{className:"justify-content-end align-items-center px-x24 w-full bg-lightblue-a03 py-x16 ",children:s.jsxRuntimeExports.jsx(R.Button,{variant:"secondary",size:"3",variantBg:"bg-lightblue-a03",onClick:h,children:n})})]})};exports.CardClinicalData=b;
//# sourceMappingURL=index.cjs71.js.map