react-undraw-illustrations/lib/components/UndrawPost/UndrawPost.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 UndrawPost = function UndrawPost(props) {
  return _react2.default.createElement(
    "svg",
    {
      style: { height: props.height, width: '100%' },
      className: props.class,
      id: "a06630f4-5a92-4acd-87f5-daab904272d6",
      "data-name": "Layer 1",
      xmlnsXlink: "http://www.w3.org/1999/xlink",
      viewBox: "0 0 822 773.08"
    },
    _react2.default.createElement(
      "defs",
      null,
      _react2.default.createElement(
        "linearGradient",
        {
          id: "12db0703-a137-44d6-91a2-a2698744205c",
          x1: 255.71,
          y1: 773.08,
          x2: 255.71,
          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("linearGradient", {
        id: "9c36067a-6324-4b3c-9cb6-e2cffff8588b",
        x1: 570.12,
        y1: 703.31,
        x2: 570.12,
        y2: 248.91,
        xlinkHref: "#12db0703-a137-44d6-91a2-a2698744205c"
      })
    ),
    _react2.default.createElement(
      "title",
      null,
      "post2"
    ),
    _react2.default.createElement(
      "g",
      { opacity: 0.5 },
      _react2.default.createElement("rect", {
        width: 511.42,
        height: 773.08,
        rx: 4.5,
        ry: 4.5,
        fill: "url(#12db0703-a137-44d6-91a2-a2698744205c)"
      })
    ),
    _react2.default.createElement("rect", {
      x: 6.56,
      y: 5.68,
      width: 498.31,
      height: 757.43,
      rx: 4.5,
      ry: 4.5,
      fill: "#fff"
    }),
    _react2.default.createElement("rect", {
      x: 56.39,
      y: 145.21,
      width: 99.66,
      height: 89.7,
      rx: 4.5,
      ry: 4.5,
      fill: props.primaryColor
    }),
    _react2.default.createElement("rect", {
      x: 185.95,
      y: 145.21,
      width: 269.09,
      height: 9.97,
      rx: 4.48,
      ry: 4.48,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 185.95,
      y: 175.1,
      width: 223.69,
      height: 9.97,
      rx: 4.48,
      ry: 4.48,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 56.39,
      y: 284.73,
      width: 99.66,
      height: 89.7,
      rx: 4.5,
      ry: 4.5,
      fill: props.primaryColor
    }),
    _react2.default.createElement("rect", {
      x: 185.95,
      y: 284.73,
      width: 269.09,
      height: 9.97,
      rx: 4.48,
      ry: 4.48,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 185.95,
      y: 314.63,
      width: 269.09,
      height: 9.97,
      rx: 4.48,
      ry: 4.48,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 56.39,
      y: 424.26,
      width: 99.66,
      height: 89.7,
      rx: 4.5,
      ry: 4.5,
      fill: props.primaryColor
    }),
    _react2.default.createElement("rect", {
      x: 185.95,
      y: 424.26,
      width: 269.09,
      height: 9.97,
      rx: 4.48,
      ry: 4.48,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 185.95,
      y: 454.16,
      width: 29.9,
      height: 9.97,
      rx: 4.48,
      ry: 4.48,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement(
      "g",
      { opacity: 0.5 },
      _react2.default.createElement("rect", {
        x: 318.25,
        y: 248.91,
        width: 503.75,
        height: 454.41,
        rx: 4.5,
        ry: 4.5,
        fill: "url(#9c36067a-6324-4b3c-9cb6-e2cffff8588b)"
      })
    ),
    _react2.default.createElement("rect", {
      x: 326.03,
      y: 253.47,
      width: 489.04,
      height: 440.14,
      rx: 4.5,
      ry: 4.5,
      fill: "#fff"
    }),
    _react2.default.createElement("rect", {
      x: 374.05,
      y: 348.03,
      width: 105.07,
      height: 94.57,
      rx: 4.5,
      ry: 4.5,
      fill: props.primaryColor
    }),
    _react2.default.createElement("rect", {
      x: 510.64,
      y: 348.03,
      width: 283.7,
      height: 10.51,
      rx: 4.5,
      ry: 4.5,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 510.64,
      y: 379.55,
      width: 283.7,
      height: 10.51,
      rx: 4.5,
      ry: 4.5,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 363.54,
      y: 493.97,
      width: 430.8,
      height: 10.51,
      rx: 4.5,
      ry: 4.5,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 363.54,
      y: 525.49,
      width: 430.8,
      height: 10.51,
      rx: 4.5,
      ry: 4.5,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 363.54,
      y: 567.52,
      width: 430.8,
      height: 10.51,
      rx: 4.5,
      ry: 4.5,
      fill: "#e0e0e0"
    }),
    _react2.default.createElement("rect", {
      x: 363.54,
      y: 599.04,
      width: 325.73,
      height: 10.51,
      rx: 4.5,
      ry: 4.5,
      fill: "#e0e0e0"
    })
  );
};

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

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

exports.default = UndrawPost;