react-life-design
Version:
Life Design UI components
41 lines • 3.22 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;
};
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
t[p[i]] = s[p[i]];
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var styled_components_1 = require("styled-components");
var keyframess = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% { transform: scale(1); }\n 30% { transform: scale(1); }\n 40% { transform: scale(1.08); }\n 50% { transform: scale(1); }\n 60% { transform: scale(1); }\n 70% { transform: scale(1.05); }\n 80% { transform: scale(1); }\n 100% { transform: scale(1); }\n"], ["\n 0% { transform: scale(1); }\n 30% { transform: scale(1); }\n 40% { transform: scale(1.08); }\n 50% { transform: scale(1); }\n 60% { transform: scale(1); }\n 70% { transform: scale(1.05); }\n 80% { transform: scale(1); }\n 100% { transform: scale(1); }\n"])));
var LoadingAegon = styled_components_1.default.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 150px;\n margin-bottom: 41px;\n animation: ", " 2s ease-in infinite;\n\n .splash-screen__path {\n fill: currentColor;\n fill-rule: evenodd\n }\n"], ["\n height: 150px;\n margin-bottom: 41px;\n animation: ", " 2s ease-in infinite;\n\n .splash-screen__path {\n fill: currentColor;\n fill-rule: evenodd\n }\n"])), styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), keyframess));
exports.default = (function (_a) {
var props = __rest(_a, []);
return (React.createElement(LoadingAegon, __assign({ xmlns: 'http://www.w3.org/2000/svg', className: 'splash-screen__image c-white', viewBox: '0 0 130 143.1' }, props),
React.createElement("title", null, "Mongeral Aegon"),
React.createElement("g", null,
React.createElement("g", null,
React.createElement("path", { className: 'splash-screen__path', d: 'M107.52 0L0 35.28 35.39 143.1 130 112.09l-8.63-26.31H91.9l-3.48 12.14H73.07l25.39-75.39h16.48L107.52 0z' }),
React.createElement("path", { className: 'splash-screen__path', d: 'M95.52 73.87l10.73-34.24 11.22 34.24H95.52z' })))));
});
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=Loading.js.map