UNPKG

@anoki/fse-ui

Version:

FSE UI components library

67 lines (66 loc) 4.55 kB
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