react-undraw-illustrations/lib/components/UndrawProfilePic/UndrawProfilePic.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 UndrawProfilePic = function UndrawProfilePic(props) {
  return _react2.default.createElement(
    "svg",
    {
      style: { height: props.height, width: '100%' },
      className: props.class,
      id: "457bf273-24a3-4fd8-a857-e9b918267d6a",
      "data-name": "Layer 1",
      xmlnsXlink: "http://www.w3.org/1999/xlink",
      viewBox: "0 0 698 698"
    },
    _react2.default.createElement(
      "defs",
      null,
      _react2.default.createElement(
        "linearGradient",
        {
          id: "b247946c-c62f-4d08-994a-4c3d64e1e98f",
          x1: 349,
          y1: 698,
          x2: 349,
          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,
      "profile pic"
    ),
    _react2.default.createElement(
      "g",
      { opacity: 0.5 },
      _react2.default.createElement("circle", {
        cx: 349,
        cy: 349,
        r: 349,
        fill: "url(#b247946c-c62f-4d08-994a-4c3d64e1e98f)"
      })
    ),
    _react2.default.createElement("circle", { cx: 349.68, cy: 346.77, r: 341.64, fill: "#f5f5f5" }),
    _react2.default.createElement("path", {
      d: "M601,790.76a340,340,0,0,0,187.79-56.2c-12.59-68.8-60.5-72.72-60.5-72.72H464.09s-45.21,3.71-59.33,67A340.07,340.07,0,0,0,601,790.76Z",
      transform: "translate(-251 -101)",
      fill: props.primaryColor
    }),
    _react2.default.createElement("circle", { cx: 346.37, cy: 339.57, r: 164.9, fill: "#333" }),
    _react2.default.createElement("path", {
      d: "M293.15,476.92H398.81a0,0,0,0,1,0,0v84.53A52.83,52.83,0,0,1,346,614.28h0a52.83,52.83,0,0,1-52.83-52.83V476.92a0,0,0,0,1,0,0Z",
      opacity: 0.1
    }),
    _react2.default.createElement("path", {
      d: "M296.5,473h99a3.35,3.35,0,0,1,3.35,3.35v81.18A52.83,52.83,0,0,1,346,610.37h0a52.83,52.83,0,0,1-52.83-52.83V476.35A3.35,3.35,0,0,1,296.5,473Z",
      fill: "#fdb797"
    }),
    _react2.default.createElement("path", {
      d: "M544.34,617.82a152.07,152.07,0,0,0,105.66.29v-13H544.34Z",
      transform: "translate(-251 -101)",
      opacity: 0.1
    }),
    _react2.default.createElement("circle", { cx: 346.37, cy: 372.44, r: 151.45, fill: "#fdb797" }),
    _react2.default.createElement("path", {
      d: "M489.49,335.68S553.32,465.24,733.37,390l-41.92-65.73-74.31-26.67Z",
      transform: "translate(-251 -101)",
      opacity: 0.1
    }),
    _react2.default.createElement("path", {
      d: "M489.49,333.78s63.83,129.56,243.88,54.3l-41.92-65.73-74.31-26.67Z",
      transform: "translate(-251 -101)",
      fill: "#333"
    }),
    _react2.default.createElement("path", {
      d: "M488.93,325a87.49,87.49,0,0,1,21.69-35.27c29.79-29.45,78.63-35.66,103.68-69.24,6,9.32,1.36,23.65-9,27.65,24-.16,51.81-2.26,65.38-22a44.89,44.89,0,0,1-7.57,47.4c21.27,1,44,15.4,45.34,36.65.92,14.16-8,27.56-19.59,35.68s-25.71,11.85-39.56,14.9C608.86,369.7,462.54,407.07,488.93,325Z",
      transform: "translate(-251 -101)",
      fill: "#333"
    }),
    _react2.default.createElement("ellipse", { cx: 194.86, cy: 372.3, rx: 14.09, ry: 26.42, fill: "#fdb797" }),
    _react2.default.createElement("ellipse", { cx: 497.8, cy: 372.3, rx: 14.09, ry: 26.42, fill: "#fdb797" })
  );
};

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

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

exports.default = UndrawProfilePic;