import _defineProperty from '@babel/runtime/helpers/defineProperty';
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import { memo } from 'react';
import Typography from '@bigbinary/neetoui/Typography';
import { n } from './inject-css-C2dztUxs.js';
import { jsx, jsxs } from 'react/jsx-runtime';

var css = ":root{--neeto-molecules-pageloader-color:var(--neeto-ui-primary-500)}.neeto-molecules-pageloader__wrapper{box-sizing:border-box;height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper *{box-sizing:border-box}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;inset-inline-start:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{margin-block-end:16px;padding:8px;position:relative}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.5;margin-block-end:4rem;text-align:center}.neeto-molecules-pageloader__loader{animation:neeto-molecules-pageloader-anim1 .8s linear infinite alternate,neeto-molecules-pageloader-anim2 1.6s linear infinite;aspect-ratio:1;border:5px solid rgb(var(--neeto-molecules-pageloader-color,0,128,104));border-radius:50%;width:36px}@keyframes neeto-molecules-pageloader-anim1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes neeto-molecules-pageloader-anim2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}";
n(css,{});

var _excluded = ["text"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var PageLoader = function PageLoader(_ref) {
  var _ref$text = _ref.text,
    text = _ref$text === void 0 ? "" : _ref$text,
    otherProps = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
    className: "neeto-molecules-pageloader__wrapper"
  }, otherProps), {}, {
    children: /*#__PURE__*/jsxs("div", {
      className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center",
      children: [/*#__PURE__*/jsx("div", {
        className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center",
        "data-testid": "neeto-molecules-pageloader",
        children: /*#__PURE__*/jsx("div", {
          className: "neeto-molecules-pageloader__loader"
        })
      }), text && /*#__PURE__*/jsx(Typography, {
        style: "h5",
        weight: "semibold",
        children: text
      })]
    })
  }));
};
var index = /*#__PURE__*/memo(PageLoader);

export { index as default };
//# sourceMappingURL=PageLoader.js.map
