@redocly/theme
Version:
Shared UI components lib
31 lines (30 loc) • 986 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SpinnerLoader = SpinnerLoader;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
function SpinnerLoader({ color, size }) {
return react_1.default.createElement(Spinner, { color: color, size: size });
}
const Spinner = styled_components_1.default.div `
width: ${({ size }) => size};
height: ${({ size }) => size};
border: 3px solid ${({ color }) => color};
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
`;
//# sourceMappingURL=SpinnerLoader.js.map