@catho/quantum/InfiniteScroll/Loader.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _CircularLoader = _interopRequireDefault(require("../CircularLoader"));
var _shared = require("../shared");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var neutral = _shared.theme.colors.neutral,
  small = _shared.theme.spacing.small;
var LoaderWrapper = _styledComponents["default"].div.withConfig({
  displayName: "Loader__LoaderWrapper",
  componentId: "sc-nk1t1f-0"
})(["display:flex;align-items:center;justify-content:center;height:100%;padding:", "px 0;background-color:", ";"], small, (0, _shared.hexToRgba)(neutral[300], 0.25));
var Loader = function Loader() {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoaderWrapper, {
    "aria-live": "polite",
    "aria-busy": "true",
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader["default"], {
      skin: "primary",
      size: "large"
    })
  });
};
var _default = exports["default"] = Loader;