@anoki/fse-ui
Version:
FSE UI components library
53 lines (52 loc) • 2.18 kB
JavaScript
import { j as e } from "./index.es278.js";
import './components/ui/WaitTimeTable/WaitTimeTable.css';/* empty css */
import { Col as s } from "./index.es82.js";
import { Row as a } from "./index.es219.js";
const r = ({
data: i
}) => /* @__PURE__ */ e.jsxs(
s,
{
as: "article",
bg: "white",
br: "x4",
p: "x16",
gap: "x16",
className: "shadow md-p-x24 md-gap-x24",
children: [
/* @__PURE__ */ e.jsx(a, { as: "header", gap: "x16", className: "align-items-center", children: /* @__PURE__ */ e.jsx("h3", { className: "fs-3 fw-bold text-slate-20", children: "Tempi di attesa" }) }),
/* @__PURE__ */ e.jsx("div", { className: "ui-wait-time-table-content", children: /* @__PURE__ */ e.jsxs("table", { className: "wait-time-table", children: [
/* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
/* @__PURE__ */ e.jsx("th", { children: "Codice di accesso" }),
/* @__PURE__ */ e.jsx("th", { children: "Tempo di attesa" }),
/* @__PURE__ */ e.jsx("th", { children: "Pazienti in attesa" }),
/* @__PURE__ */ e.jsx("th", { children: "Pazienti in trattamento" })
] }) }),
/* @__PURE__ */ e.jsx("tbody", { children: i.map((t) => /* @__PURE__ */ e.jsxs("tr", { children: [
/* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsxs("div", { className: "access-code-container", children: [
/* @__PURE__ */ e.jsx("div", { className: `color-indicator ${t.color}` }),
/* @__PURE__ */ e.jsx("span", { children: t.label })
] }) }),
/* @__PURE__ */ e.jsxs("td", { children: [
t.time,
" minuti"
] }),
/* @__PURE__ */ e.jsxs("td", { children: [
t.waiting,
" ",
t.waiting === 1 ? "paziente" : "pazienti"
] }),
/* @__PURE__ */ e.jsxs("td", { children: [
t.treatment,
" ",
t.treatment === 1 ? "paziente" : "pazienti"
] })
] }, t.color)) })
] }) })
]
}
);
export {
r as WaitTimeTable
};
//# sourceMappingURL=index.es272.js.map