@pushchain/ui-kit/src/lib/components/common/Spinner.js

## Overview

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = tslib_1.__importStar(require("styled-components"));
const icons_1 = require("./icons");
// Keyframes for the spinning animation
const spin = (0, styled_components_1.keyframes) `
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
`;
// Styled container for the Spinner
const Container = styled_components_1.default.div `
  display: flex;
  align-items: center;
  justify-content: center;
  animation: ${spin} 1s linear infinite;
  width: 18px;
  height: 18px;
  color: ${({ color }) => color || 'var(--pwauth-btn-connect-text-color)'};
`;
// Spinner functional component
const Spinner = ({ color }) => {
    return ((0, jsx_runtime_1.jsx)(Container, { color: color, children: (0, jsx_runtime_1.jsx)(icons_1.Ellipse, {}) }));
};
exports.default = Spinner;
//# sourceMappingURL=Spinner.js.map