react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
230 lines (220 loc) • 7.42 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 UndrawSetup = function UndrawSetup(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "d0a49112-1639-4682-9529-9d2abcda4fd6",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 907.03 730"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "266ddccd-2bf2-4e28-b2e5-5ae966d4800f",
x1: 219.02,
y1: 323.78,
x2: 219.02,
y2: 74.96,
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: "626d076d-6f89-411f-83f5-9b8674077322",
x1: 33.88,
y1: 206.96,
x2: 182.23,
y2: 206.96,
xlinkHref: "#266ddccd-2bf2-4e28-b2e5-5ae966d4800f"
}),
_react2.default.createElement("linearGradient", {
id: "e2ac2573-f441-4fda-b2ca-fa87ebeba1c3",
x1: 749.04,
y1: 221.83,
x2: 749.04,
y2: 112.64,
xlinkHref: "#266ddccd-2bf2-4e28-b2e5-5ae966d4800f"
}),
_react2.default.createElement("linearGradient", {
id: "bb3d1d29-a72a-47e9-9ad6-cff955e05eb4",
x1: 628.36,
y1: 671.95,
x2: 628.36,
y2: 527.93,
xlinkHref: "#266ddccd-2bf2-4e28-b2e5-5ae966d4800f"
}),
_react2.default.createElement("linearGradient", {
id: "69187472-cad7-4cbf-a29f-e953f1d019d9",
x1: 499.83,
y1: 650.24,
x2: 499.83,
y2: 549.64,
xlinkHref: "#266ddccd-2bf2-4e28-b2e5-5ae966d4800f"
})
),
_react2.default.createElement(
"title",
null,
"setup"
),
_react2.default.createElement("circle", {
cx: 423.15,
cy: 365,
r: 363,
fill: "none",
stroke: "#64ffda",
strokeMiterlimit: 10,
strokeWidth: 4,
strokeDasharray: "12.07 15.09"
}),
_react2.default.createElement("rect", {
x: 76.24,
y: 109.89,
width: 381.98,
height: 242.97,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
y: 74.96,
width: 438.05,
height: 248.81,
fill: "url(#266ddccd-2bf2-4e28-b2e5-5ae966d4800f)"
}),
_react2.default.createElement("rect", { x: 4.67, y: 111.18, width: 427.54, height: 206.76, fill: "#fff" }),
_react2.default.createElement("rect", {
x: 33.88,
y: 128.7,
width: 148.35,
height: 156.53,
fill: "url(#626d076d-6f89-411f-83f5-9b8674077322)"
}),
_react2.default.createElement("rect", { x: 38.55, y: 132.2, width: 140.18, height: 149.52, fill: props.primaryColor }),
_react2.default.createElement("path", {
d: "M294.27,276.24c-1.1-8.88-2.61-17.81-6-26.09s-8.86-15.94-16.46-20.66a18.81,18.81,0,0,0-9.1-3.15c-6-.21-11.45,3.8-14.52,8.91a41.57,41.57,0,0,0-2.71,5.51,12.83,12.83,0,0,0-10.65,11.75,32.72,32.72,0,0,0,4.63,61.78v5.58a32.84,32.84,0,0,0-24.53,31.67v15.19h65.42V351.54a32.84,32.84,0,0,0-24.53-31.67v-5.58a32.72,32.72,0,0,0,24.53-31.68c0-.08,0-.15,0-.23l3.68,8.19c3.5,7.8,7.09,16.18,5.73,24.62C296.46,303.71,295.9,289.46,294.27,276.24Z",
transform: "translate(-146.48 -85)",
fill: "#fff"
}),
_react2.default.createElement("rect", { x: 4.67, y: 79.64, width: 427.54, height: 31.54, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 235.96, y: 176.01, width: 162.37, height: 10.51, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 235.96, y: 220.4, width: 162.37, height: 10.51, fill: "#f5f5f5" }),
_react2.default.createElement("rect", {
x: 234.79,
y: 198.2,
width: 95.79,
height: 10.51,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 234.79,
y: 242.59,
width: 65.42,
height: 10.51,
fill: "#69f0ae",
opacity: 0.2
}),
_react2.default.createElement("rect", { x: 311.89, y: 242.59, width: 65.42, height: 10.51, fill: "#69f0ae" }),
_react2.default.createElement("rect", {
x: 667.36,
y: 136.67,
width: 215.55,
height: 100.52,
fill: "#ff6e40",
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 633.47,
y: 112.64,
width: 231.14,
height: 109.19,
fill: "url(#e2ac2573-f441-4fda-b2ca-fa87ebeba1c3)"
}),
_react2.default.createElement("rect", { x: 641.97, y: 115.24, width: 215.55, height: 100.52, fill: "#fff" }),
_react2.default.createElement("rect", {
x: 674.63,
y: 137.22,
width: 125.74,
height: 11.93,
fill: "#ff6e40",
opacity: 0.3
}),
_react2.default.createElement("rect", { x: 674.63, y: 164.52, width: 65.21, height: 11.93, fill: "#ff6e40" }),
_react2.default.createElement("rect", {
x: 404.2,
y: 557.44,
width: 502.83,
height: 135.25,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 373.29,
y: 527.93,
width: 510.15,
height: 144.01,
fill: "url(#bb3d1d29-a72a-47e9-9ad6-cff955e05eb4)"
}),
_react2.default.createElement("rect", { x: 376.95, y: 532.81, width: 502.83, height: 134.25, fill: "#fff" }),
_react2.default.createElement("circle", {
cx: 499.83,
cy: 599.94,
r: 50.3,
fill: "url(#69187472-cad7-4cbf-a29f-e953f1d019d9)"
}),
_react2.default.createElement("circle", { cx: 499.83, cy: 599.94, r: 44.71, fill: props.primaryColor }),
_react2.default.createElement(
"g",
{ opacity: 0.2 },
_react2.default.createElement("rect", { x: 587.85, y: 566.41, width: 79.64, height: 13.97, fill: props.primaryColor }),
_react2.default.createElement("rect", {
x: 587.85,
y: 592.95,
width: 219.35,
height: 13.97,
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 587.85, y: 619.5, width: 219.35, height: 13.97, fill: props.primaryColor })
),
_react2.default.createElement("polygon", {
points: "529.17 582.01 519.35 574.52 493.47 608.43 479.03 597.41 471.54 607.22 490.9 622 490.95 621.93 495.85 625.67 529.17 582.01",
fill: "#fff"
})
);
};
UndrawSetup.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawSetup.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawSetup;