@anoki/fse-ui
Version:
FSE UI components library
91 lines (90 loc) • 3.4 kB
JavaScript
import { j as s } from "./index.es237.js";
import './components/ui/LatestCardClinicalData/LatestCardClinicalData.css';/* empty css */
import { clsx as r } from "./index.es239.js";
import { Divider as f } from "./index.es72.js";
import { Row as e } from "./index.es116.js";
import { Col as j } from "./index.es61.js";
const y = ({
className: c = "",
categoryLabel: n,
effectiveTime: a,
entity: x,
device: l,
value: m,
measurementUnit: t,
variationValue: d,
variationUnit: i,
variationStatus: o = "normal"
}) => {
const p = o === "alert" ? "clinical-data-dot-alert" : "clinical-data-dot-normal";
return /* @__PURE__ */ s.jsxs(
"div",
{
className: r(
"clinical-data-card rounded shadow d-flex flex-column ",
c
),
children: [
/* @__PURE__ */ s.jsxs(
e,
{
className: "px-x24 py-x8",
justifyContent: "space-between",
alignItems: "center",
flexWrap: "wrap",
children: [
/* @__PURE__ */ s.jsx("span", { className: "fs-7 fw-semibold text-slate-28", children: n }),
a && /* @__PURE__ */ s.jsx("span", { className: "fs-7 fw-semibold text-slate-28", children: a })
]
}
),
/* @__PURE__ */ s.jsx(f, { bg: "border-divider" }),
/* @__PURE__ */ s.jsxs(
e,
{
className: "gap-x16 p-x24 h-full w-full",
justifyContent: "space-between",
alignItems: "flex-end",
flexWrap: "wrap",
children: [
/* @__PURE__ */ s.jsxs(j, { className: "gap-x12", children: [
/* @__PURE__ */ s.jsx("h3", { className: "text-primary fw-semibold fs-5 md-fs-4 mb-0", children: x }),
l && /* @__PURE__ */ s.jsx("span", { className: "fs-7 fw-semibold text-white bg-secondary rounded py-x4 px-x16", children: l })
] }),
/* @__PURE__ */ s.jsxs(
e,
{
alignItems: "end",
className: "gap-x8 w-full",
"aria-live": "polite",
justifyContent: "space-between",
children: [
/* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-end gap-x8", children: [
/* @__PURE__ */ s.jsx("p", { className: "text-slate-20 fw-bold fs-1 ", children: m ?? "-" }),
t && /* @__PURE__ */ s.jsx("p", { className: "text-slate-28 fs-6 ", children: t })
] }),
d && /* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-center gap-x4", children: [
/* @__PURE__ */ s.jsx(
"div",
{
className: r("clinical-data-dot", p),
"aria-hidden": "true"
}
),
/* @__PURE__ */ s.jsx("p", { className: "fw-bold text-slate-28 fs-6 ", children: d }),
i && /* @__PURE__ */ s.jsx("p", { className: "text-slate-28 fs-6", children: i })
] })
]
}
)
]
}
)
]
}
);
};
export {
y as LatestCardClinicalData
};
//# sourceMappingURL=index.es38.js.map