gooey_collections/dist/components/horizontal_loader/horizontal_loader.js

Gooery collection will give button, loader, slider, radio button UI.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

require("./horizontal_loader.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function horizontal_loader() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "App"
  }, /*#__PURE__*/_react.default.createElement("div", {
    id: "menu"
  }, /*#__PURE__*/_react.default.createElement("svg", {
    class: "menu__item"
  }), /*#__PURE__*/_react.default.createElement("svg", {
    class: "menu__item"
  }), /*#__PURE__*/_react.default.createElement("svg", {
    class: "menu__item"
  }), /*#__PURE__*/_react.default.createElement("svg", {
    class: "menu__item"
  })), /*#__PURE__*/_react.default.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    version: "1.1"
  }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
    id: "goo"
  }, /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
    in: "SourceGraphic",
    stdDeviation: "10",
    result: "blur"
  }), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
    in: "blur",
    mode: "matrix",
    values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9",
    result: "goo"
  }), /*#__PURE__*/_react.default.createElement("feComposite", {
    in: "SourceGraphic",
    in2: "goo",
    operator: "atop"
  })))));
}

var _default = horizontal_loader;
exports.default = _default;