@appbuckets/react-ui/esm/RxTable/defaults/RxTableLoader.js

Just Another React UI Framework

import { __assign } from 'tslib';
import * as React from 'react';
import Box from '../../Box/Box.js';
import Loader from '../../Loader/Loader.js';
import { useRxTable } from '../RxTable.context.js';

/* --------
 * Component Definition
 * -------- */
var RxTableLoader = function () {
  // ----
  // Get Loader Props from Context
  // ----
  var loaderProps = useRxTable().loaderProps;
  // ----
  // Build the Loader
  // ----
  return React.createElement(
    Box,
    { py: 4 },
    Loader.create(
      __assign(
        {
          centered: true,
          active: true,
          size: 'large',
          type: 'dots',
          content: 'Loading Data',
        },
        loaderProps
      ),
      {
        autoGenerateKey: false,
      }
    )
  );
};
RxTableLoader.displayName = 'RxTableLoader';

export { RxTableLoader as default };