react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
301 lines (291 loc) • 8.86 kB
JavaScript
"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 UndrawCreate = function UndrawCreate(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "e55d10ab-9d70-435f-9096-155c89cbb824",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 930 796"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "c2d4657d-812e-4d49-9faf-a52e325dd45c",
x1: 476.5,
y1: 796,
x2: 476.5,
y2: 356,
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: "c3547cc4-a187-4ba4-ab1a-9d4c07935ee4",
x1: 233,
y1: 468,
x2: 233,
y2: 390,
gradientUnits: "userSpaceOnUse"
},
_react2.default.createElement("stop", { offset: 0, stopColor: "#b3b3b3", stopOpacity: 0.25 }),
_react2.default.createElement("stop", { offset: 0.54, stopColor: "#b3b3b3", stopOpacity: 0.1 }),
_react2.default.createElement("stop", { offset: 1, stopColor: "#b3b3b3", stopOpacity: 0.05 })
)
),
_react2.default.createElement(
"title",
null,
"create"
),
_react2.default.createElement("path", {
d: "M827,414s28-104-28-211",
transform: "translate(-135 -52)",
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10,
strokeDasharray: "0 23"
}),
_react2.default.createElement("line", {
x1: 300.59,
y1: 350.5,
x2: 300.59,
y2: 350.5,
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("path", {
d: "M443.1,380.14c9.88-40.36,12.83-124.5-117.66-160.22",
transform: "translate(-135 -52)",
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10,
strokeDasharray: "0 23.61"
}),
_react2.default.createElement("line", {
x1: 179,
y1: 165,
x2: 179,
y2: 165,
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("rect", {
x: 71,
y: 356,
width: 811,
height: 440,
fill: "url(#c2d4657d-812e-4d49-9faf-a52e325dd45c)"
}),
_react2.default.createElement("rect", { x: 78, y: 362, width: 798, height: 422.5, fill: "#fff" }),
_react2.default.createElement("circle", {
cx: 233,
cy: 429,
r: 39,
fill: "url(#c3547cc4-a187-4ba4-ab1a-9d4c07935ee4)"
}),
_react2.default.createElement("circle", { cx: 233, cy: 429, r: 35, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 313, y: 416, width: 197, height: 20, fill: "#bdbdbd" }),
_react2.default.createElement("rect", { x: 232.5, y: 545.5, width: 492, height: 20, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 232.5, y: 501.5, width: 492, height: 20, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 232.5, y: 589.5, width: 492, height: 20, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 232.5, y: 633.5, width: 492, height: 20, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 232.5, y: 677.5, width: 492, height: 20, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 232.5, y: 721.5, width: 492, height: 20, fill: "#e0e0e0" }),
_react2.default.createElement("line", {
x1: 153.33,
y1: 355.5,
x2: 153.33,
y2: 355.5,
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("path", {
d: "M290.59,384.75c.76-21.62-1.88-53.94-20.78-75.41",
transform: "translate(-135 -52)",
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10,
strokeDasharray: "0 22.87"
}),
_react2.default.createElement("line", {
x1: 126.5,
y1: 249.5,
x2: 126.5,
y2: 249.5,
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("line", {
x1: 605.33,
y1: 364.5,
x2: 605.33,
y2: 364.5,
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("path", {
d: "M742.59,393.75c.76-21.62-1.88-53.94-20.78-75.41",
transform: "translate(-135 -52)",
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10,
strokeDasharray: "0 22.87"
}),
_react2.default.createElement("line", {
x1: 578.5,
y1: 258.5,
x2: 578.5,
y2: 258.5,
fill: "none",
stroke: "#e0e0e0",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("line", {
x1: 797.67,
y1: 355.5,
x2: 797.67,
y2: 355.5,
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("path", {
d: "M930.41,384.75c-.76-21.62,1.88-53.94,20.78-75.41",
transform: "translate(-135 -52)",
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10,
strokeDasharray: "0 22.87"
}),
_react2.default.createElement("line", {
x1: 824.5,
y1: 249.5,
x2: 824.5,
y2: 249.5,
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("rect", { y: 114.78, width: 111, height: 60.43, fill: props.primaryColor, opacity: 0.7 }),
_react2.default.createElement("rect", {
x: 608,
y: 73.78,
width: 111,
height: 60.43,
fill: props.primaryColor,
opacity: 0.7
}),
_react2.default.createElement("rect", {
x: 513,
y: 181.78,
width: 111,
height: 60.43,
fill: props.primaryColor,
opacity: 0.7
}),
_react2.default.createElement("rect", { x: 83, y: 127.58, width: 180.78, height: 98.41, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 749.22, y: 132.58, width: 180.78, height: 98.41, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 339.71, width: 180.78, height: 98.41, fill: props.primaryColor }),
_react2.default.createElement("line", {
x1: 414,
y1: 354.5,
x2: 414,
y2: 354.5,
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
}),
_react2.default.createElement("path", {
d: "M557.82,384.21c6.13-21.36,10.12-55.49-9.32-90.72-24-43.51-2.42-85.9,9.85-104.36",
transform: "translate(-135 -52)",
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10,
strokeDasharray: "0 24.01"
}),
_react2.default.createElement("line", {
x1: 430.5,
y1: 127.5,
x2: 430.5,
y2: 127.5,
fill: "none",
stroke: "#bdbdbd",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 10
})
);
};
UndrawCreate.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawCreate.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawCreate;