"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var InfiniteLoader_exports = {};
__export(InfiniteLoader_exports, {
  default: () => InfiniteLoader
});
module.exports = __toCommonJS(InfiniteLoader_exports);
var import_react = __toESM(require("react"));
var import_styled_components = __toESM(require("styled-components"));
var import_styled_system = require("styled-system");
const rotate = import_styled_components.keyframes`
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
`;
const Loader = import_styled_components.default.svg`
  animation: ${rotate} 1s linear infinite;
  ${import_styled_system.size}
  ${(0, import_styled_system.system)({
  stroke: {
    property: "stroke",
    scale: "colors"
  }
})}
`;
function InfiniteLoader({
  size: size2 = 38,
  color = "primary.c50",
  ...extraProps
}) {
  return /* @__PURE__ */ import_react.default.createElement(
    Loader,
    {
      size: size2,
      stroke: color,
      viewBox: "0 0 38 38",
      fill: "none",
      xmlns: "http://www.w3.org/2000/svg",
      ...extraProps
    },
    /* @__PURE__ */ import_react.default.createElement(
      "linearGradient",
      {
        id: "gradient-start",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "rotate(-20)"
      },
      /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "white", stopOpacity: "0.5" }),
      /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "1" })
    ),
    /* @__PURE__ */ import_react.default.createElement(
      "linearGradient",
      {
        id: "gradient-end",
        gradientUnits: "userSpaceOnUse",
        gradientTransform: "rotate(-20)"
      },
      /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "white", stopOpacity: "0.5" }),
      /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
    ),
    /* @__PURE__ */ import_react.default.createElement("mask", { id: "gradient-mask", maskUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement(
      "rect",
      {
        x: "-0",
        y: "-4",
        width: "44",
        height: "22",
        strokeWidth: "0",
        fill: "url(#gradient-start)",
        transform: "rotate(10)"
      }
    ), /* @__PURE__ */ import_react.default.createElement(
      "rect",
      {
        x: "0",
        y: "18",
        width: "44",
        height: "21",
        strokeWidth: "0",
        fill: "url(#gradient-end)",
        transform: "rotate(10)"
      }
    )),
    /* @__PURE__ */ import_react.default.createElement(
      "path",
      {
        d: "M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526",
        strokeWidth: "6",
        strokeLinecap: "round",
        strokeLinejoin: "round",
        mask: "url(#gradient-mask)"
      }
    )
  );
}
//# sourceMappingURL=index.js.map
