@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 2.33 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/LatestCardClinicalData/LatestCardClinicalData.css');const s=require("./index.cjs237.js");;/* empty css */const n=require("./index.cjs239.js"),j=require("./index.cjs72.js"),e=require("./index.cjs116.js"),u=require("./index.cjs61.js"),f=({className:r="",categoryLabel:c,effectiveTime:t,entity:d,device:a,value:o,measurementUnit:l,variationValue:x,variationUnit:i,variationStatus:m="normal"})=>{const p=m==="alert"?"clinical-data-dot-alert":"clinical-data-dot-normal";return s.jsxRuntimeExports.jsxs("div",{className:n.clsx("clinical-data-card rounded shadow d-flex flex-column ",r),children:[s.jsxRuntimeExports.jsxs(e.Row,{className:"px-x24 py-x8",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",children:[s.jsxRuntimeExports.jsx("span",{className:"fs-7 fw-semibold text-slate-28",children:c}),t&&s.jsxRuntimeExports.jsx("span",{className:"fs-7 fw-semibold text-slate-28",children:t})]}),s.jsxRuntimeExports.jsx(j.Divider,{bg:"border-divider"}),s.jsxRuntimeExports.jsxs(e.Row,{className:"gap-x16 p-x24 h-full w-full",justifyContent:"space-between",alignItems:"flex-end",flexWrap:"wrap",children:[s.jsxRuntimeExports.jsxs(u.Col,{className:"gap-x12",children:[s.jsxRuntimeExports.jsx("h3",{className:"text-primary fw-semibold fs-5 md-fs-4 mb-0",children:d}),a&&s.jsxRuntimeExports.jsx("span",{className:"fs-7 fw-semibold text-white bg-secondary rounded py-x4 px-x16",children:a})]}),s.jsxRuntimeExports.jsxs(e.Row,{alignItems:"end",className:"gap-x8 w-full","aria-live":"polite",justifyContent:"space-between",children:[s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-end gap-x8",children:[s.jsxRuntimeExports.jsx("p",{className:"text-slate-20 fw-bold fs-1 ",children:o??"-"}),l&&s.jsxRuntimeExports.jsx("p",{className:"text-slate-28 fs-6 ",children:l})]}),x&&s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center gap-x4",children:[s.jsxRuntimeExports.jsx("div",{className:n.clsx("clinical-data-dot",p),"aria-hidden":"true"}),s.jsxRuntimeExports.jsx("p",{className:"fw-bold text-slate-28 fs-6 ",children:x}),i&&s.jsxRuntimeExports.jsx("p",{className:"text-slate-28 fs-6",children:i})]})]})]})]})};exports.LatestCardClinicalData=f;
//# sourceMappingURL=index.cjs38.js.map