@redocly/theme
Version:
Shared UI components lib
34 lines (32 loc) • 1.64 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SpinnerIcon = void 0;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const utils_1 = require("../../core/utils");
const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 -1 38 40", strokeOpacity: ".5" }, props),
react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
react_1.default.createElement("g", { transform: "translate(1 1)", strokeWidth: "4" },
react_1.default.createElement("circle", { strokeOpacity: ".3", cx: "18", cy: "18", r: "18" }),
react_1.default.createElement("path", { d: "M36 18c0-9.94-8.06-18-18-18" },
react_1.default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "1s", repeatCount: "indefinite" }))))));
exports.SpinnerIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
'data-component-name': 'icons/SpinnerIcon/SpinnerIcon',
})) `
path {
fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
}
height: ${({ size }) => size || '1em'};
width: ${({ size }) => size || '1em'};
cursor: pointer;
left: 0.8em;
stroke: var(--search-input-text-color);
@media screen and (min-width: ${utils_1.breakpoints.medium}) {
width: 1.2em;
height: 1.2em;
}
`;
//# sourceMappingURL=SpinnerIcon.js.map