@anoki/fse-ui
Version:
FSE UI components library
67 lines (66 loc) • 4.55 kB
JavaScript
import { j as s } from "./index.es244.js";
import './components/ui/TableSkeleton/TableSkeleton.css';/* empty css */
const a = () => /* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-title pulse" }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-card", children: [
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-header", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-avatar pulse" }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-info", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-name pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-dash pulse" })
] })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-content", children: [
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-left-column", children: [
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-field", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-label pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-value pulse" })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-field", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-label pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-dash-value pulse" })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-field", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-label pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-value pulse" })
] }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-button pulse" })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-right-column", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-schedule-title pulse" }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-schedule", children: [
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-schedule-column", children: [
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-day", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-day-name pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-day", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-day-name pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" })
] })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-schedule-column", children: [
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-day", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-day-name pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" })
] }),
/* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-day", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-day-name pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" })
] })
] }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-schedule-column", children: /* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton-day", children: [
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-day-name pulse" }),
/* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-hours pulse" })
] }) })
] })
] })
] })
] })
] });
export {
a as TableSkeleton
};
//# sourceMappingURL=index.es83.js.map