"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
/* @flow */
const react_1 = __importDefault(require("react"));
const prop_types_1 = __importDefault(require("prop-types"));
const withStyles_1 = __importDefault(require("components/hoc/withStyles"));
const ErrorBoundary_1 = __importDefault(require("components/hoc/ErrorBoundary"));
const styles_1 = __importDefault(require("./styles"));
const Loading = (props) => {
    return (react_1.default.createElement(ErrorBoundary_1.default, null,
        react_1.default.createElement("div", { className: props.classes.component },
            react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size, height: props.size, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", className: "uil-default" },
                react_1.default.createElement("rect", { x: "0", y: "0", width: "100", height: "100", fill: "none", className: "bk" }),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(0 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-1s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(30 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(60 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(90 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(120 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(150 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(180 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(210 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(240 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(270 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(300 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" })),
                react_1.default.createElement("rect", { x: "46.5", y: "40", width: "7", height: "20", rx: "5", ry: "5", fill: props.color, transform: "rotate(330 50 50) translate(0 -30)" },
                    react_1.default.createElement("animate", { attributeName: "opacity", from: "1", to: "0", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }))))));
};
Loading.propTypes = {
    color: prop_types_1.default.string,
    size: prop_types_1.default.number,
    classes: prop_types_1.default.object,
};
Loading.defaultProps = {
    size: 40,
    color: '#337ab7',
};
exports.default = withStyles_1.default(styles_1.default)(Loading);
//# sourceMappingURL=index.js.map