react-base-guide/lib/components/loader/svg.js

react ui components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = __importDefault(require("styled-components"));
const StyledSvg = styled_components_1.default.svg `
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
`;
const Svg = () => ((0, jsx_runtime_1.jsx)(StyledSvg, { children: (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", Object.assign({ id: "loader" }, { children: [(0, jsx_runtime_1.jsx)("feGaussianBlur", { stdDeviation: "5", result: "blur" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7", result: "loader" }), (0, jsx_runtime_1.jsx)("feBlend", { in2: "loader" })] })) }) }));
exports.default = Svg;
//# sourceMappingURL=svg.js.map