react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
1,250 lines (1,240 loc) • 36.7 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 UndrawWorking = function UndrawWorking(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "a09fa3a6-dba4-40ba-b885-cc98534657bc",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 1024.7 720.22"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "f92a91d7-4059-49c6-894e-c8dab81fb5af",
x1: 720.55,
y1: 535.76,
x2: 720.55,
y2: 325.76,
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: "c58bd36a-01a7-46e5-8323-adc09064b771",
x1: 798.2,
y1: 583.15,
x2: 798.2,
y2: 458.15,
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "29c72710-dae5-4ad8-96d1-455329951e3c",
x1: 238.36,
y1: 428.3,
x2: 238.36,
y2: 119.58,
gradientTransform: "translate(-12.63 38.77)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "7a37873d-c57a-43fd-aa45-99a9d1c379fd",
x1: 459.08,
y1: 428.3,
x2: 459.08,
y2: 119.58,
gradientTransform: "translate(-18.07 -9.96)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "5e3ff8d5-382f-495f-9fdf-72d1242582bd",
x1: 518.08,
y1: 513.3,
x2: 518.08,
y2: 204.58,
gradientTransform: "translate(-0.76 -25.08)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "c0b66098-437d-4b1b-b81d-a867767ac0dd",
x1: 232.72,
y1: 413.94,
x2: 250.72,
y2: 413.94,
gradientTransform: "translate(18.19 34.57)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "293b1175-599a-4b76-8173-401aa981a581",
x1: 915.18,
y1: 385.93,
x2: 1046.04,
y2: 76.93,
gradientTransform: "translate(1223.33 -718.85) rotate(90)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "d2375d07-47ba-4921-8e78-a71553ca9a7a",
x1: 489.5,
y1: 757.83,
x2: 489.5,
y2: 553.87,
gradientTransform: "translate(1127.47 220.59) rotate(90)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "08fde867-71d5-4ec0-a80d-408681263949",
x1: 458.84,
y1: 821.89,
x2: 458.84,
y2: 618.69,
gradientTransform: "translate(1156.31 244.31) rotate(90)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "0ab72b0f-32a8-425d-80d2-4b1f07f2de29",
x1: 419.51,
y1: 808.41,
x2: 419.51,
y2: 605.21,
gradientTransform: "translate(1123.68 283.65) rotate(90)",
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
}),
_react2.default.createElement("linearGradient", {
id: "46292392-5cd3-46a9-a852-2190db7bfe09",
x1: 315.06,
y1: 718.86,
x2: 315.06,
y2: 515.66,
xlinkHref: "#f92a91d7-4059-49c6-894e-c8dab81fb5af"
})
),
_react2.default.createElement(
"title",
null,
"working2"
),
_react2.default.createElement("circle", {
cx: 720.55,
cy: 430.76,
r: 105,
fill: "url(#f92a91d7-4059-49c6-894e-c8dab81fb5af)"
}),
_react2.default.createElement("circle", { cx: 720.55, cy: 430.76, r: 100, fill: "#f5f5f5" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("path", {
d: "M811,458.19A62.5,62.5,0,0,0,746.69,514h-18a3.64,3.64,0,0,0-3.64,3.64v6a3.64,3.64,0,0,0,3.64,3.64h18A62.5,62.5,0,1,0,811,458.19Z",
transform: "translate(-87.65 -89.89)",
fill: "url(#c58bd36a-01a7-46e5-8323-adc09064b771)"
})
),
_react2.default.createElement("path", {
d: "M810.19,461.93a58.75,58.75,0,0,0-60.41,52.47H732.36a2.92,2.92,0,0,0-2.92,2.92V524a2.92,2.92,0,0,0,2.92,2.92h17.42a58.75,58.75,0,1,0,60.41-65Z",
transform: "translate(-87.65 -89.89)",
fill: "#fff"
}),
_react2.default.createElement("circle", { cx: 720.55, cy: 430.76, r: 41.25, fill: "#a1887f" }),
_react2.default.createElement("path", {
d: "M829.45,500.65s11.77,18.28,8.41,32.5C837.85,533.15,851.3,510.81,829.45,500.65Z",
transform: "translate(-87.65 -89.89)",
fill: "#fff",
opacity: 0.2
}),
_react2.default.createElement("circle", { cx: 746.8, cy: 453.26, r: 3.75, fill: "#fff", opacity: 0.2 }),
_react2.default.createElement("rect", {
x: 119.09,
y: 158.34,
width: 213.27,
height: 308.72,
transform: "translate(-151.11 -32.35) rotate(-12.75)",
fill: "url(#29c72710-dae5-4ad8-96d1-455329951e3c)"
}),
_react2.default.createElement("rect", {
x: 334.38,
y: 109.62,
width: 213.27,
height: 308.72,
transform: "translate(-135.04 13.97) rotate(-12.75)",
fill: "url(#7a37873d-c57a-43fd-aa45-99a9d1c379fd)"
}),
_react2.default.createElement("rect", {
x: 122.15,
y: 161.99,
width: 207.97,
height: 302.01,
transform: "matrix(0.98, -0.22, 0.22, 0.98, -151.16, -32.25)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 336.06,
y: 113.58,
width: 207.97,
height: 302.01,
transform: "translate(-135.2 13.77) rotate(-12.75)",
fill: "#f5f5f5"
}),
_react2.default.createElement("rect", {
x: 297.26,
y: 180.1,
width: 22.37,
height: 2.98,
transform: "translate(-120.13 -17.33) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 299.57,
y: 190.28,
width: 22.37,
height: 2.98,
transform: "translate(-122.32 -16.57) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 301.87,
y: 200.47,
width: 22.37,
height: 2.98,
transform: "translate(-124.51 -15.81) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 304.17,
y: 210.65,
width: 22.37,
height: 2.98,
transform: "translate(-126.7 -15.05) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 306.48,
y: 220.83,
width: 22.37,
height: 2.98,
transform: "translate(-128.89 -14.29) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 308.78,
y: 231.01,
width: 22.37,
height: 2.98,
transform: "translate(-131.08 -13.53) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 311.09,
y: 241.19,
width: 22.37,
height: 2.98,
transform: "translate(-133.27 -12.77) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 313.39,
y: 251.38,
width: 22.37,
height: 2.98,
transform: "translate(-135.46 -12.01) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 315.7,
y: 261.56,
width: 22.37,
height: 2.98,
transform: "translate(-137.65 -11.25) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 318,
y: 271.74,
width: 22.37,
height: 2.98,
transform: "translate(-139.84 -10.49) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 320.31,
y: 281.92,
width: 22.37,
height: 2.98,
transform: "translate(-142.03 -9.73) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 322.61,
y: 292.11,
width: 22.37,
height: 2.98,
transform: "translate(-144.22 -8.97) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 324.91,
y: 302.29,
width: 22.37,
height: 2.98,
transform: "translate(-146.41 -8.21) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 327.22,
y: 312.47,
width: 22.37,
height: 2.98,
transform: "translate(-148.61 -7.45) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 329.52,
y: 322.65,
width: 22.37,
height: 2.98,
transform: "translate(-150.8 -6.69) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 331.83,
y: 332.84,
width: 22.37,
height: 2.98,
transform: "translate(-152.99 -5.93) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 334.13,
y: 343.02,
width: 22.37,
height: 2.98,
transform: "translate(-155.18 -5.17) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 336.44,
y: 353.2,
width: 22.37,
height: 2.98,
transform: "translate(-157.37 -4.41) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 338.74,
y: 363.38,
width: 22.37,
height: 2.98,
transform: "translate(-159.56 -3.65) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 341.05,
y: 373.57,
width: 22.37,
height: 2.98,
transform: "translate(-161.75 -2.89) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 343.35,
y: 383.75,
width: 22.37,
height: 2.98,
transform: "translate(-163.94 -2.13) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 345.65,
y: 393.93,
width: 22.37,
height: 2.98,
transform: "translate(-166.13 -1.37) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 347.96,
y: 404.11,
width: 22.37,
height: 2.98,
transform: "translate(-168.32 -0.61) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 350.26,
y: 414.29,
width: 22.37,
height: 2.98,
transform: "translate(-170.51 0.15) rotate(-12.75)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 135.55,
y: 198.32,
width: 124.88,
height: 20.81,
transform: "translate(-128.84 -41.04) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 124.12,
y: 247.57,
width: 166.5,
height: 5.2,
transform: "translate(-137.76 -37.95) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 126.8,
y: 259.41,
width: 166.5,
height: 5.2,
transform: "translate(-140.31 -37.06) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 129.48,
y: 271.26,
width: 166.5,
height: 5.2,
transform: "translate(-142.85 -36.18) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 133.23,
y: 292.67,
width: 79.78,
height: 5.2,
transform: "translate(-148.56 -44.39) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 135.76,
y: 303.17,
width: 91.92,
height: 5.2,
transform: "translate(-150.66 -42.24) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 137.52,
y: 306.78,
width: 166.5,
height: 5.2,
transform: "translate(-150.5 -33.53) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 140.2,
y: 318.62,
width: 166.5,
height: 5.2,
transform: "translate(-153.04 -32.64) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 143.03,
y: 331.8,
width: 154.36,
height: 5.2,
transform: "translate(-156.03 -33.03) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 145.56,
y: 342.3,
width: 166.5,
height: 5.2,
transform: "translate(-158.14 -30.88) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 149.22,
y: 362.95,
width: 86.72,
height: 5.2,
transform: "translate(-163.59 -38.36) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 372.13,
y: 326.14,
width: 91.92,
height: 5.2,
transform: "translate(-149.9 10.51) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 373.89,
y: 329.75,
width: 166.5,
height: 5.2,
transform: "translate(-149.74 19.22) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 376.57,
y: 341.59,
width: 166.5,
height: 5.2,
transform: "translate(-152.28 20.1) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 379.4,
y: 354.77,
width: 154.36,
height: 5.2,
transform: "translate(-155.27 19.71) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 381.93,
y: 365.27,
width: 166.5,
height: 5.2,
transform: "translate(-157.38 21.87) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 385.59,
y: 385.92,
width: 86.72,
height: 5.2,
transform: "translate(-162.83 14.38) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 221.62,
y: 367.14,
width: 100.59,
height: 69.38,
transform: "translate(-169.64 -19.96) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 337.76,
y: 141.7,
width: 100.59,
height: 69.38,
transform: "translate(-117.01 0.12) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 433.79,
y: 212.43,
width: 100.59,
height: 69.38,
transform: "translate(-130.26 23.06) rotate(-12.75)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 410.68,
y: 179.5,
width: 213.27,
height: 308.72,
rx: 13.44,
ry: 13.44,
transform: "translate(-148.58 32.54) rotate(-12.75)",
fill: "url(#5e3ff8d5-382f-495f-9fdf-72d1242582bd)"
}),
_react2.default.createElement("rect", {
x: 412.36,
y: 183.46,
width: 207.97,
height: 302.01,
rx: 13.44,
ry: 13.44,
transform: "translate(-148.74 32.34) rotate(-12.75)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 376.49,
y: 249.32,
width: 22.37,
height: 2.98,
transform: "translate(-133.45 1.87) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 378.8,
y: 259.5,
width: 22.37,
height: 2.98,
transform: "translate(-135.64 2.63) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 381.1,
y: 269.68,
width: 22.37,
height: 2.98,
transform: "translate(-137.83 3.39) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 383.41,
y: 279.87,
width: 22.37,
height: 2.98,
transform: "translate(-140.02 4.15) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 385.71,
y: 290.05,
width: 22.37,
height: 2.98,
transform: "translate(-142.21 4.91) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 388.02,
y: 300.23,
width: 22.37,
height: 2.98,
transform: "translate(-144.4 5.67) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 390.32,
y: 310.41,
width: 22.37,
height: 2.98,
transform: "translate(-146.59 6.43) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 392.63,
y: 320.59,
width: 22.37,
height: 2.98,
transform: "translate(-148.79 7.19) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 394.93,
y: 330.78,
width: 22.37,
height: 2.98,
transform: "translate(-150.98 7.95) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 397.23,
y: 340.96,
width: 22.37,
height: 2.98,
transform: "translate(-153.17 8.71) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 399.54,
y: 351.14,
width: 22.37,
height: 2.98,
transform: "translate(-155.36 9.47) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 401.84,
y: 361.32,
width: 22.37,
height: 2.98,
transform: "translate(-157.55 10.23) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 404.15,
y: 371.51,
width: 22.37,
height: 2.98,
transform: "translate(-159.74 10.99) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 406.45,
y: 381.69,
width: 22.37,
height: 2.98,
transform: "translate(-161.93 11.75) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 408.76,
y: 391.87,
width: 22.37,
height: 2.98,
transform: "translate(-164.12 12.51) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 411.06,
y: 402.05,
width: 22.37,
height: 2.98,
transform: "translate(-166.31 13.27) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 413.37,
y: 412.24,
width: 22.37,
height: 2.98,
transform: "translate(-168.5 14.03) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 415.67,
y: 422.42,
width: 22.37,
height: 2.98,
transform: "translate(-170.69 14.79) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 417.97,
y: 432.6,
width: 22.37,
height: 2.98,
transform: "translate(-172.88 15.55) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 420.28,
y: 442.78,
width: 22.37,
height: 2.98,
transform: "translate(-175.07 16.31) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 422.58,
y: 452.97,
width: 22.37,
height: 2.98,
transform: "translate(-177.27 17.07) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 424.89,
y: 463.15,
width: 22.37,
height: 2.98,
transform: "translate(-179.46 17.83) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 427.19,
y: 473.33,
width: 22.37,
height: 2.98,
transform: "translate(-181.65 18.59) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 429.5,
y: 483.51,
width: 22.37,
height: 2.98,
transform: "translate(-183.84 19.35) rotate(-12.75)",
fill: "#bdbdbd"
}),
_react2.default.createElement("rect", {
x: 268.05,
y: 461.04,
width: 10,
height: 91,
transform: "translate(-192.73 -17.12) rotate(-12.75)",
fill: "#69f0ae"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 250.91,
y: 425.51,
width: 18,
height: 46,
transform: "translate(-180.24 -21.45) rotate(-12.75)",
fill: "url(#c0b66098-437d-4b1b-b81d-a867767ac0dd)"
})
),
_react2.default.createElement("rect", {
x: 252.52,
y: 427.5,
width: 15,
height: 43,
transform: "translate(-180.35 -21.42) rotate(-12.75)",
fill: "#69f0ae"
}),
_react2.default.createElement("rect", {
x: 252.52,
y: 427.5,
width: 15,
height: 43,
transform: "translate(-180.35 -21.42) rotate(-12.75)",
fill: "#fff",
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 280.53,
y: 549.87,
width: 6,
height: 6,
transform: "translate(-202.69 -13.67) rotate(-12.75)",
fill: "#69f0ae"
}),
_react2.default.createElement("polygon", {
points: "163.76 348.24 159.86 349.12 157.91 349.56 158.35 351.51 162.1 368.09 164.05 367.65 160.3 351.07 164.2 350.19 163.76 348.24",
fill: "#69f0ae"
}),
_react2.default.createElement("polygon", {
points: "163.76 348.24 159.86 349.12 157.91 349.56 158.35 351.51 162.1 368.09 164.05 367.65 160.3 351.07 164.2 350.19 163.76 348.24",
fill: "#fff",
opacity: 0.3
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", { x: 183.55, y: 654.76, width: 3, height: 17, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 271.2,
y: 744.65,
width: 3,
height: 17,
transform: "translate(938.2 390.56) rotate(90)",
fill: "#47e6b1"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", { x: 726.55, y: 32.76, width: 3, height: 17, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 814.2,
y: 122.65,
width: 3,
height: 17,
transform: "translate(859.2 -774.44) rotate(90)",
fill: "#47e6b1"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", { x: 636.55, y: 249.76, width: 3, height: 17, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 724.2,
y: 339.65,
width: 3,
height: 17,
transform: "translate(986.2 -467.44) rotate(90)",
fill: "#47e6b1"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", { x: 894.15, y: 288.76, width: 3, height: 17, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 981.8,
y: 378.65,
width: 3,
height: 17,
transform: "translate(1282.8 -686.03) rotate(90)",
fill: "#47e6b1"
})
),
_react2.default.createElement("path", {
d: "M445.89,743a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,440,748.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,445.89,743Z",
transform: "translate(-87.65 -89.89)",
fill: "#4d8af0",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M628.89,755a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,623,760.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,628.89,755Z",
transform: "translate(-87.65 -89.89)",
fill: "#4d8af0",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M847.89,324a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,842,329.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,847.89,324Z",
transform: "translate(-87.65 -89.89)",
fill: "#4d8af0",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M999.89,485a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,994,490.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,999.89,485Z",
transform: "translate(-87.65 -89.89)",
fill: "#4d8af0",
opacity: 0.5
}),
_react2.default.createElement("circle", { cx: 105.55, cy: 599.76, r: 6, fill: "#f55f44", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 523.55, cy: 50.76, r: 6, fill: "#4d8af0", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 498.55, cy: 489.76, r: 6, fill: "#47e6b1", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 844.55, cy: 639.76, r: 6, fill: "#f55f44", opacity: 0.5 }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("path", {
d: "M848.9,179h286a6.28,6.28,0,0,1,6.28,6.28V338.22a6.29,6.29,0,0,1-6.29,6.29h-286a6.28,6.28,0,0,1-6.28-6.28V185.3A6.28,6.28,0,0,1,848.9,179Z",
transform: "translate(369.81 1047.52) rotate(-73.39)",
fill: "url(#293b1175-599a-4b76-8173-401aa981a581)"
})
),
_react2.default.createElement("rect", {
x: 911.41,
y: 116.37,
width: 161.02,
height: 290.64,
rx: 13.64,
ry: 13.64,
transform: "matrix(0.96, 0.29, -0.29, 0.96, 28.59, -362.58)",
fill: "#fff"
}),
_react2.default.createElement("path", {
id: "cdce7a1b-38f7-4c8d-8931-0c36b9a2cc2d",
"data-name": "<Path>",
d: "M1070.15,141a13.05,13.05,0,0,1-15.5,7L1001.36,132a13.05,13.05,0,0,1-9.15-14.32L964,109.31a6.12,6.12,0,0,0-7.61,4.11L880.92,366.24a6.12,6.12,0,0,0,4.11,7.61l134.84,40.23a6.12,6.12,0,0,0,7.61-4.11l75.44-252.82a6.12,6.12,0,0,0-4.11-7.61Z",
transform: "translate(-87.65 -89.89)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 1010.74,
y: 132.3,
width: 35.88,
height: 2.24,
rx: 1.12,
ry: 1.12,
transform: "translate(-11.8 -366.47) rotate(15.89)",
fill: "#dbdbdb"
}),
_react2.default.createElement("circle", {
cx: 1053.33,
cy: 140.21,
r: 1.35,
transform: "translate(542.4 1024.99) rotate(-74.11)",
fill: "#dbdbdb"
}),
_react2.default.createElement("rect", {
x: 953.4,
y: 164.46,
width: 44,
height: 38,
transform: "translate(-3.91 -342.32) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 938.79,
y: 217.48,
width: 44,
height: 38,
transform: "translate(9.64 -336.54) rotate(15.4)",
fill: props.primaryColor,
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 924.19,
y: 270.51,
width: 44,
height: 38,
transform: "translate(23.2 -330.75) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 909.58,
y: 323.53,
width: 44,
height: 38,
transform: "translate(36.76 -324.97) rotate(15.4)",
fill: "#3ad29f",
opacity: 0.3
}),
_react2.default.createElement("rect", {
x: 1008.3,
y: 190.21,
width: 58,
height: 4,
transform: "translate(0.63 -358.44) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 1005.11,
y: 201.78,
width: 58,
height: 4,
transform: "translate(3.59 -357.18) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 993.96,
y: 242.27,
width: 58,
height: 4,
transform: "translate(13.94 -352.77) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 990.77,
y: 253.84,
width: 58,
height: 4,
transform: "translate(16.9 -351.5) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 979.62,
y: 294.33,
width: 58,
height: 4,
transform: "translate(27.25 -347.09) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 976.43,
y: 305.9,
width: 58,
height: 4,
transform: "translate(30.21 -345.83) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 965.28,
y: 346.39,
width: 58,
height: 4,
transform: "translate(40.56 -341.41) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 962.09,
y: 357.96,
width: 58,
height: 4,
transform: "translate(43.52 -340.15) rotate(15.4)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 369.63,
y: 678.91,
width: 203.96,
height: 62.36,
transform: "translate(-466.74 565.88) rotate(-52.76)",
fill: "url(#d2375d07-47ba-4921-8e78-a71553ca9a7a)"
})
),
_react2.default.createElement("rect", {
x: 442.37,
y: 609.78,
width: 59.29,
height: 201.23,
transform: "translate(438.55 -230.69) rotate(37.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 497.36,
y: 628.64,
width: 41.91,
height: 41.91,
transform: "translate(411.19 -271.11) rotate(37.24)",
fill: "#4d8af0"
}),
_react2.default.createElement("rect", {
x: 466.74,
y: 668.92,
width: 41.91,
height: 41.91,
transform: "translate(429.33 -244.36) rotate(37.24)",
fill: "#4d8af0",
opacity: 0.5
}),
_react2.default.createElement("rect", {
x: 436.11,
y: 709.2,
width: 41.91,
height: 41.91,
transform: "translate(447.46 -217.61) rotate(37.24)",
fill: "#4d8af0",
opacity: 0.3
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 334.41,
y: 671.97,
width: 203.2,
height: 62.36,
transform: "translate(-458.1 798.04) rotate(-71.1)",
fill: "url(#08fde867-71d5-4ec0-a80d-408681263949)"
})
),
_react2.default.createElement("rect", {
x: 406.85,
y: 603.08,
width: 59.29,
height: 200.47,
transform: "translate(163.66 -193.35) rotate(18.9)",
fill: "#f5f5f5"
}),
_react2.default.createElement("rect", {
x: 440.21,
y: 610.43,
width: 41.91,
height: 41.91,
transform: "translate(141.69 -205.22) rotate(18.9)",
fill: "#ff5252"
}),
_react2.default.createElement("rect", {
x: 423.82,
y: 658.3,
width: 41.91,
height: 41.91,
transform: "translate(156.32 -197.33) rotate(18.9)",
fill: "#ff5252",
opacity: 0.5
}),
_react2.default.createElement("rect", {
x: 407.43,
y: 706.18,
width: 41.91,
height: 41.91,
transform: "translate(170.94 -189.44) rotate(18.9)",
fill: "#ff5252",
opacity: 0.3
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 315.26,
y: 671.97,
width: 203.2,
height: 62.36,
transform: "translate(-420.66 938.67) rotate(-82.8)",
fill: "url(#0ab72b0f-32a8-425d-80d2-4b1f07f2de29)"
})
),
_react2.default.createElement("rect", {
x: 387.72,
y: 602.98,
width: 59.29,
height: 200.47,
transform: "translate(3.82 -136.67) rotate(7.2)",
fill: "#f5f5f5"
}),
_react2.default.createElement("rect", {
x: 405.96,
y: 606.82,
width: 41.91,
height: 41.91,
transform: "translate(-5.57 -138.46) rotate(7.2)",
fill: "#69f0ae"
}),
_react2.default.createElement("rect", {
x: 399.61,
y: 657.02,
width: 41.91,
height: 41.91,
transform: "translate(0.68 -137.27) rotate(7.2)",
fill: "#69f0ae",
opacity: 0.5
}),
_react2.default.createElement("rect", {
x: 393.27,
y: 707.22,
width: 41.91,
height: 41.91,
transform: "translate(6.92 -136.08) rotate(7.2)",
fill: "#69f0ae",
opacity: 0.3
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 283.88,
y: 515.66,
width: 62.36,
height: 203.2,
fill: "url(#46292392-5cd3-46a9-a852-2190db7bfe09)"
})
),
_react2.default.createElement("rect", { x: 285.92, y: 517.02, width: 59.29, height: 200.47, fill: "#fff" }),
_react2.default.createElement("rect", { x: 294.61, y: 520.26, width: 41.91, height: 41.91, fill: props.primaryColor }),
_react2.default.createElement("rect", {
x: 294.61,
y: 570.86,
width: 41.91,
height: 41.91,
fill: props.primaryColor,
opacity: 0.5
}),
_react2.default.createElement("rect", {
x: 294.61,
y: 621.47,
width: 41.91,
height: 41.91,
fill: props.primaryColor,
opacity: 0.3
})
);
};
UndrawWorking.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawWorking.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawWorking;