react-undraw-illustrations/lib/components/UndrawUpvote/UndrawUpvote.js

unDraw: MIT licensed illustrations for every project you can imagine and create...for React!

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _propTypes = require("prop-types");

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var UndrawUpvote = function UndrawUpvote(props) {
  return _react2.default.createElement(
    "svg",
    {
      style: { height: props.height, width: '100%' },
      className: props.class,
      id: "a1c85ec2-14a6-4651-ae43-a1d11b962a73",
      "data-name": "Layer 1",
      xmlnsXlink: "http://www.w3.org/1999/xlink",
      viewBox: "0 0 884.93 613.66"
    },
    _react2.default.createElement(
      "defs",
      null,
      _react2.default.createElement(
        "linearGradient",
        {
          id: "573ecdfd-5ff6-4890-b409-fb0c4abc2893",
          x1: 442.47,
          y1: 613.66,
          x2: 442.47,
          gradientUnits: "userSpaceOnUse"
        },
        _react2.default.createElement("stop", { offset: 0, stopColor: "gray", stopOpacity: 0.25 }),
        _react2.default.createElement("stop", { offset: 0.54, stopColor: "gray", stopOpacity: 0.12 }),
        _react2.default.createElement("stop", { offset: 1, stopColor: "gray", stopOpacity: 0.1 })
      )
    ),
    _react2.default.createElement(
      "title",
      null,
      "upvote"
    ),
    _react2.default.createElement(
      "g",
      { opacity: 0.5 },
      _react2.default.createElement("polygon", {
        points: "0 0 0 30.96 0 613.66 884.93 613.66 884.93 30.96 884.93 0 0 0",
        fill: "url(#573ecdfd-5ff6-4890-b409-fb0c4abc2893)"
      })
    ),
    _react2.default.createElement("rect", { x: 13.13, y: 38.18, width: 862.43, height: 564.57, fill: "#fff" }),
    _react2.default.createElement("rect", { x: 13.13, y: 11.33, width: 862.43, height: 41.54, fill: "#f5f5f5" }),
    _react2.default.createElement("circle", { cx: 45.95, cy: 31.47, r: 10.07, fill: "#ff5252" }),
    _react2.default.createElement("circle", { cx: 73.64, cy: 31.47, r: 10.07, fill: "#ff0" }),
    _react2.default.createElement("circle", { cx: 101.33, cy: 31.47, r: 10.07, fill: "#69f0ae" }),
    _react2.default.createElement("rect", { x: 180.54, y: 158.51, width: 289.13, height: 28.28, fill: props.primaryColor }),
    _react2.default.createElement("rect", { x: 179.49, y: 219.26, width: 645.3, height: 28.28, fill: "#e0e0e0" }),
    _react2.default.createElement("rect", { x: 179.49, y: 280.02, width: 645.3, height: 28.28, fill: "#e0e0e0" }),
    _react2.default.createElement("rect", {
      x: 180.54,
      y: 338.91,
      width: 289.13,
      height: 28.28,
      fill: props.primaryColor,
      opacity: 0.5
    }),
    _react2.default.createElement("rect", {
      x: 179.49,
      y: 399.67,
      width: 645.3,
      height: 28.28,
      fill: props.primaryColor,
      opacity: 0.5
    }),
    _react2.default.createElement("rect", { x: 179.49, y: 460.42, width: 645.3, height: 28.28, fill: "#e0e0e0" }),
    _react2.default.createElement("line", {
      x1: 131.11,
      y1: 158.33,
      x2: 131.11,
      y2: 183.99,
      fill: "none",
      stroke: "#3ad29f",
      strokeMiterlimit: 10,
      strokeWidth: 6
    }),
    _react2.default.createElement("polygon", {
      points: "120.94 170.28 131.11 160.11 141.28 170.28 141.28 161.65 131.11 151.47 120.94 161.65 120.94 170.28",
      fill: "#3ad29f"
    }),
    _react2.default.createElement("line", {
      x1: 131.11,
      y1: 223.37,
      x2: 131.11,
      y2: 249.02,
      fill: "none",
      stroke: "#e0e0e0",
      strokeMiterlimit: 10,
      strokeWidth: 6
    }),
    _react2.default.createElement("polygon", {
      points: "120.94 235.32 131.11 225.14 141.28 235.32 141.28 226.68 131.11 216.51 120.94 226.68 120.94 235.32",
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("line", {
      x1: 131.11,
      y1: 288.4,
      x2: 131.11,
      y2: 314.06,
      fill: "none",
      stroke: "#e0e0e0",
      strokeMiterlimit: 10,
      strokeWidth: 6
    }),
    _react2.default.createElement("polygon", {
      points: "120.94 300.35 131.11 290.17 141.28 300.35 141.28 291.71 131.11 281.54 120.94 291.71 120.94 300.35",
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("line", {
      x1: 131.11,
      y1: 342.59,
      x2: 131.11,
      y2: 368.25,
      fill: "none",
      stroke: "#e0e0e0",
      strokeMiterlimit: 10,
      strokeWidth: 6
    }),
    _react2.default.createElement("polygon", {
      points: "120.94 354.54 131.11 344.37 141.28 354.54 141.28 345.91 131.11 335.74 120.94 345.91 120.94 354.54",
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("line", {
      x1: 131.11,
      y1: 407.62,
      x2: 131.11,
      y2: 433.28,
      fill: "none",
      stroke: "#e0e0e0",
      strokeMiterlimit: 10,
      strokeWidth: 6
    }),
    _react2.default.createElement("polygon", {
      points: "120.94 419.58 131.11 409.4 141.28 419.58 141.28 410.94 131.11 400.77 120.94 410.94 120.94 419.58",
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("line", {
      x1: 131.11,
      y1: 472.66,
      x2: 131.11,
      y2: 498.32,
      fill: "none",
      stroke: "#e0e0e0",
      strokeMiterlimit: 10,
      strokeWidth: 6
    }),
    _react2.default.createElement("polygon", {
      points: "120.94 484.61 131.11 474.43 141.28 484.61 141.28 475.97 131.11 465.8 120.94 475.97 120.94 484.61",
      fill: "#e0e0e0"
    })
  );
};

UndrawUpvote.propTypes = {
  /**
   * Hex color
   */
  primaryColor: _propTypes2.default.string,
  /**
   * percentage
   */
  height: _propTypes2.default.string,
  /**
   * custom class for svg
   */
  class: _propTypes2.default.string
};

UndrawUpvote.defaultProps = {
  primaryColor: "#6c68fb",
  height: "250px",
  class: ""
};

exports.default = UndrawUpvote;