"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.Loader = Loader;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _lib = require("@sentecacommerce-theme/lib");

var _react = _interopRequireDefault(require("react"));

function Loader(props) {
  var _useConfigState = (0, _lib.useConfigState)(),
      theme = _useConfigState.theme;

  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
    width: 38,
    height: 38,
    viewBox: "0 0 38 38",
    stroke: theme.palette.primary
  }, props), /*#__PURE__*/_react["default"].createElement("g", {
    transform: "translate(1 1)",
    strokeWidth: 2,
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/_react["default"].createElement("circle", {
    strokeOpacity: 0.5,
    cx: 18,
    cy: 18,
    r: 18
  }), /*#__PURE__*/_react["default"].createElement("path", {
    d: "M36 18c0-9.94-8.06-18-18-18"
  }, /*#__PURE__*/_react["default"].createElement("animateTransform", {
    attributeName: "transform",
    type: "rotate",
    from: "0 18 18",
    to: "360 18 18",
    dur: "1s",
    repeatCount: "indefinite"
  }))));
}
//# sourceMappingURL=index.js.map