synapse-react-client/dist/components/layout/InfiniteTableLayout.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as d, jsx as e } from "react/jsx-runtime";
import { SynapseSpinner as m } from "../LoadingScreen/LoadingScreen.js";
import { Box as x, Button as h } from "@mui/material";
const p = "Show More", u = /* @__PURE__ */ e("div", { className: "SRC-center-text", children: /* @__PURE__ */ e(m, { size: 40 }) }), N = "No Results";
function R(n) {
  const {
    table: o,
    isLoading: t,
    isEmpty: i,
    hasNextPage: s,
    onFetchNextPageClicked: r,
    isFetchingNextPage: a,
    noResults: c = N,
    loader: l = u
  } = n;
  return /* @__PURE__ */ d("div", { children: [
    o,
    t && l,
    !t && i && /* @__PURE__ */ e(x, { className: "SRC-center-text", sx: { my: 3 }, children: c }),
    s && /* @__PURE__ */ e(
      h,
      {
        variant: "outlined",
        color: "primary",
        loading: a,
        onClick: () => {
          r();
        },
        children: p
      }
    )
  ] });
}
export {
  p as SHOW_MORE_BUTTON_TEXT,
  R as default
};
//# sourceMappingURL=InfiniteTableLayout.js.map