@anoki/fse-ui
Version:
FSE UI components library
130 lines (129 loc) • 8.62 kB
JavaScript
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