@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 3.21 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/OperatorListSkeleton/OperatorListSkeleton.css');const s=require("./index.cjs278.js");;/* empty css */const o=({elementsNumber:e=3})=>s.jsxRuntimeExports.jsxs("div",{className:"operator-list-skeleton",children:[s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-search-header",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-title pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-subtitle pulse"})]}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-pagination-top",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-page-size pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-results-text pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-reset pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-sort pulse"})]}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-actions-row",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-switch pulse"}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-exports",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-export pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-export pulse"})]})]}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-list",children:Array(e).fill(0).map((r,t)=>s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-card",children:[s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-card-header",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-name pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-id pulse"})]}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-card-body",children:[s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-col",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-label pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-value pulse"})]}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-col",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-label pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-value pulse"})]}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-col",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-label pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-value pulse"})]}),s.jsxRuntimeExports.jsxs("div",{className:"operator-skeleton-col",children:[s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-label pulse"}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-value pulse"})]})]}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-card-footer",children:s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-accordion pulse"})})]},t))}),s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-pagination-bottom",children:s.jsxRuntimeExports.jsx("div",{className:"operator-skeleton-pagination-pages pulse"})})]});exports.OperatorListSkeleton=o;
//# sourceMappingURL=index.cjs206.js.map