ultra-design/lib/button/loading-icon.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
var react$1 = require('@emotion/react');
var react = require('@icon-park/react');
var jsxRuntime = require('@emotion/react/jsx-runtime');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);

var _templateObject, _templateObject2;

var LoadingIcon = function LoadingIcon() {
  return jsxRuntime.jsx(react.LoadingFour, {
    css: styles
  });
};

var LoadingIcon$1 = LoadingIcon;
var loadingCircle = react$1.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
var styles = react$1.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  display: inline-block;\n  margin-right: 6px;\n  animation: ", " 1s linear infinite;\n"])), loadingCircle);

exports["default"] = LoadingIcon$1;