ur-ui-kit-tm
Version:
unlimited robotics ui kit
17 lines (16 loc) • 1.65 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
import { getProp, getInnerSize } from "./loading.utils";
var getSize = getProp("size");
var getWidth = getProp("width");
var getColor = getProp("color");
export var LoadingStyled = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n :after {\n content: \" \";\n display: block;\n width: ", ";\n height: ", ";\n border-radius: 50%;\n border: ", "px solid;\n border-color: ", " transparent ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n }\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n :after {\n content: \" \";\n display: block;\n width: ", ";\n height: ", ";\n border-radius: 50%;\n border: ", "px solid;\n border-color: ", " transparent ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n }\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])), getSize, getSize, getInnerSize, getInnerSize, getWidth, getColor, getColor);
LoadingStyled.defaultProps = {
size: 32,
width: 3,
color: "white",
};
var templateObject_1;