react-undraw-illustrations/lib/components/UndrawPortfolio/UndrawPortfolio.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 UndrawPortfolio = function UndrawPortfolio(props) {
  return _react2.default.createElement(
    "svg",
    {
      style: { height: props.height, width: '100%' },
      className: props.class,
      id: "d5877239-1383-4003-a1e0-bdbc61205e57",
      "data-name": "Layer 1",
      xmlnsXlink: "http://www.w3.org/1999/xlink",
      viewBox: "0 0 796 684"
    },
    _react2.default.createElement(
      "defs",
      null,
      _react2.default.createElement(
        "linearGradient",
        {
          id: "4825a168-f1ac-4091-8125-48717fd16bcb",
          x1: 398,
          y1: 684,
          x2: 398,
          gradientUnits: "userSpaceOnUse"
        },
        _react2.default.createElement("stop", { offset: 0.01, 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(
        "linearGradient",
        {
          id: "cf06029e-a620-46ae-8a5a-e28a71109481",
          x1: 193,
          y1: 420.5,
          x2: 193,
          y2: 262,
          gradientUnits: "userSpaceOnUse"
        },
        _react2.default.createElement("stop", { offset: 0, stopColor: "#b3b3b3", stopOpacity: 0.25 }),
        _react2.default.createElement("stop", { offset: 0.54, stopColor: "#b3b3b3", stopOpacity: 0.12 }),
        _react2.default.createElement("stop", { offset: 1, stopColor: "#b3b3b3", stopOpacity: 0.1 })
      ),
      _react2.default.createElement("linearGradient", {
        id: "f75d8251-2390-4c7d-bebb-e5abb3a9a322",
        x1: 395.5,
        x2: 395.5,
        y2: 262,
        xlinkHref: "#cf06029e-a620-46ae-8a5a-e28a71109481"
      }),
      _react2.default.createElement("linearGradient", {
        id: "86b5c316-e7be-414e-8e69-87fdc1a5b05b",
        x1: 598.5,
        x2: 598.5,
        y2: 262,
        xlinkHref: "#cf06029e-a620-46ae-8a5a-e28a71109481"
      }),
      _react2.default.createElement("linearGradient", {
        id: "2f11c360-24e1-4900-b40c-5c209eaa65b6",
        y1: 616.5,
        y2: 460,
        xlinkHref: "#cf06029e-a620-46ae-8a5a-e28a71109481"
      }),
      _react2.default.createElement("linearGradient", {
        id: "a08a9646-6964-4d51-a19c-612d0b797ffc",
        x1: 395.5,
        y1: 616.5,
        x2: 395.5,
        y2: 460,
        xlinkHref: "#cf06029e-a620-46ae-8a5a-e28a71109481"
      }),
      _react2.default.createElement("linearGradient", {
        id: "4d2cc3a6-d454-4a71-a7fe-6c89e03b8d14",
        x1: 598.5,
        y1: 616.5,
        x2: 598.5,
        y2: 460,
        xlinkHref: "#cf06029e-a620-46ae-8a5a-e28a71109481"
      })
    ),
    _react2.default.createElement(
      "title",
      null,
      "portfolio"
    ),
    _react2.default.createElement("rect", {
      width: 796,
      height: 684,
      fill: "url(#4825a168-f1ac-4091-8125-48717fd16bcb)"
    }),
    _react2.default.createElement("rect", { x: 9.62, y: 10.23, width: 776.76, height: 662.68, fill: "#fff" }),
    _react2.default.createElement("rect", { x: 118.5, y: 81.85, width: 254, height: 20.81, fill: "#bdbdbd" }),
    _react2.default.createElement("rect", { x: 118.5, y: 123.47, width: 555, height: 20.81, fill: "#e0e0e0" }),
    _react2.default.createElement("rect", { x: 118.5, y: 165.08, width: 555, height: 20.81, fill: "#64ffda" }),
    _react2.default.createElement("rect", {
      x: 113,
      y: 262,
      width: 160,
      height: 158.5,
      fill: "url(#cf06029e-a620-46ae-8a5a-e28a71109481)"
    }),
    _react2.default.createElement("rect", {
      x: 316,
      y: 262,
      width: 159,
      height: 158.5,
      fill: "url(#f75d8251-2390-4c7d-bebb-e5abb3a9a322)"
    }),
    _react2.default.createElement("rect", {
      x: 519,
      y: 262,
      width: 159,
      height: 158.5,
      fill: "url(#86b5c316-e7be-414e-8e69-87fdc1a5b05b)"
    }),
    _react2.default.createElement("rect", {
      x: 113,
      y: 460,
      width: 160,
      height: 156.5,
      fill: "url(#2f11c360-24e1-4900-b40c-5c209eaa65b6)"
    }),
    _react2.default.createElement("rect", {
      x: 316,
      y: 460,
      width: 159,
      height: 156.5,
      fill: "url(#a08a9646-6964-4d51-a19c-612d0b797ffc)"
    }),
    _react2.default.createElement("rect", {
      x: 519,
      y: 460,
      width: 159,
      height: 156.5,
      fill: "url(#4d2cc3a6-d454-4a71-a7fe-6c89e03b8d14)"
    }),
    _react2.default.createElement("rect", { x: 118.5, y: 265.5, width: 149, height: 149, fill: props.primaryColor }),
    _react2.default.createElement("rect", { x: 321.5, y: 265.5, width: 149, height: 149, fill: props.primaryColor }),
    _react2.default.createElement("rect", { x: 524.5, y: 265.5, width: 149, height: 149, fill: props.primaryColor }),
    _react2.default.createElement("rect", { x: 118.5, y: 461.5, width: 149, height: 149, fill: props.primaryColor }),
    _react2.default.createElement("rect", { x: 321.5, y: 461.5, width: 149, height: 149, fill: props.primaryColor }),
    _react2.default.createElement("rect", { x: 524.5, y: 461.5, width: 149, height: 149, fill: props.primaryColor })
  );
};

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

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

exports.default = UndrawPortfolio;