UNPKG

@anoki/fse-ui

Version:

FSE UI components library

130 lines (129 loc) • 8.62 kB
import { j as s } from "./index.es244.js"; import './components/ui/NotificationsListSkeleton/NotificationsListSkeleton.css';/* empty css */ const c = () => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-container", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-search-row", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-search-input pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-search-button pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-filter-button pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-tabs-row", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-tabs", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-tab-active pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-tab pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-actions", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-action-button pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-action-button pulse" }) ] }) ] }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-count pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-year pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-row", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" }) ] }) ] }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" }) ] }) ] }) ] }) ] }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-divider" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-row", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" }) ] }) ] }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" }) ] }) ] }) ] }) ] }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-divider" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-row", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" }) ] }) ] }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [ /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" }) ] }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }), /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [ /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }), /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" }) ] }) ] }) ] }) ] }) ] }); export { c as NotificationsListSkeleton }; //# sourceMappingURL=index.es86.js.map