@anoki/fse-ui/dist/index.es206.js

FSE UI components library

import { j as e } from "./index.es278.js";
import './components/ui/OperatorListSkeleton/OperatorListSkeleton.css';/* empty css            */
const t = ({ elementsNumber: s = 3 }) => /* @__PURE__ */ e.jsxs("div", { className: "operator-list-skeleton", children: [
  /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-search-header", children: [
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-title pulse" }),
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-subtitle pulse" })
  ] }),
  /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-pagination-top", children: [
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-page-size pulse" }),
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-results-text pulse" }),
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-reset pulse" }),
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-sort pulse" })
  ] }),
  /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-actions-row", children: [
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-switch pulse" }),
    /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-exports", children: [
      /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-export pulse" }),
      /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-export pulse" })
    ] })
  ] }),
  /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-list", children: Array(s).fill(0).map((o, a) => /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-card", children: [
    /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-card-header", children: [
      /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-name pulse" }),
      /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-id pulse" })
    ] }),
    /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-card-body", children: [
      /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-col", children: [
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-label pulse" }),
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-value pulse" })
      ] }),
      /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-col", children: [
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-label pulse" }),
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-value pulse" })
      ] }),
      /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-col", children: [
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-label pulse" }),
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-value pulse" })
      ] }),
      /* @__PURE__ */ e.jsxs("div", { className: "operator-skeleton-col", children: [
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-label pulse" }),
        /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-value pulse" })
      ] })
    ] }),
    /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-card-footer", children: /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-accordion pulse" }) })
  ] }, a)) }),
  /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-pagination-bottom", children: /* @__PURE__ */ e.jsx("div", { className: "operator-skeleton-pagination-pages pulse" }) })
] });
export {
  t as OperatorListSkeleton
};
//# sourceMappingURL=index.es206.js.map