react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
707 lines (697 loc) • 31.1 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 UndrawOuterSpace = function UndrawOuterSpace(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "a7f037b1-1ba7-4629-8cc3-b3a3163638de",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 1135.18 814.22"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "3e46dd13-459a-49e8-af7c-f12b6d999bf6",
x1: 277.46,
y1: 697.11,
x2: 277.46,
y2: 669.52,
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: "37af1bda-9495-41fb-8288-207b72e63f4f",
x1: 748.15,
y1: 567.16,
x2: 748.15,
y2: 544.13,
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "ffa80d9d-f94e-4fc6-af50-7242360bd602",
x1: 556.93,
y1: 707.16,
x2: 556.93,
y2: 42.89,
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement(
"linearGradient",
{
id: "2f88a91a-9c1f-46fb-a4ce-c661fb27ae40",
x1: 456.95,
y1: 628.14,
x2: 456.95,
y2: 692.54,
gradientUnits: "userSpaceOnUse"
},
_react2.default.createElement("stop", { offset: 0, stopColor: "#e0e0e0" }),
_react2.default.createElement("stop", { offset: 0.31, stopColor: "#fccc63" }),
_react2.default.createElement("stop", { offset: 0.77, stopColor: "#f55f44" })
),
_react2.default.createElement("linearGradient", {
id: "05259978-803a-45e8-b8b5-97b552edcb85",
x1: 534.05,
y1: 628.14,
x2: 534.05,
y2: 692.54,
xlinkHref: "#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
}),
_react2.default.createElement("linearGradient", {
id: "5c39a74e-5e59-4415-b752-703a3fffee2a",
x1: 582.35,
y1: 628.14,
x2: 582.35,
y2: 692.54,
xlinkHref: "#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
}),
_react2.default.createElement("linearGradient", {
id: "d7f6cccc-6a0f-4e3d-828b-6d7dc4b7481b",
x1: 660.3,
y1: 628.14,
x2: 660.3,
y2: 692.54,
xlinkHref: "#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
}),
_react2.default.createElement("linearGradient", {
id: "d8b67709-3c19-4550-a3e0-86074d811eb7",
x1: 766.05,
y1: 409.23,
x2: 766.05,
y2: 340.57,
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "3e509778-a030-4d68-b2a4-c64a3ac4f253",
x1: 331.05,
y1: 577.85,
x2: 331.05,
y2: 529.94,
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "8106a0a8-6eb7-4dbb-9969-62b3885817e2",
x1: 1089.71,
y1: 391.13,
x2: 1089.71,
y2: 291.42,
gradientTransform: "translate(1273.91 -565.8) rotate(90)",
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "e60b1eb1-24c6-4ffa-b9e3-ca42930483a3",
x1: 1089.71,
y1: 446.08,
x2: 1089.71,
y2: 303.08,
gradientTransform: "translate(131.08 -289.39) rotate(28.03)",
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "d0ce0e06-e5c2-44aa-bb47-05706c8ef26f",
x1: 1090.01,
y1: 308.91,
x2: 1090.01,
y2: 259.34,
gradientTransform: "translate(131.08 -289.39) rotate(28.03)",
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "a4a35fa4-778a-4359-8c4d-261def49668d",
x1: 1074.15,
y1: 451.93,
x2: 1074.15,
y2: 433.7,
gradientTransform: "translate(131.08 -289.39) rotate(28.03)",
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "4bbacd58-6e16-4c21-836d-548c96a127a7",
x1: 1105.64,
y1: 451.93,
x2: 1105.64,
y2: 433.7,
gradientTransform: "translate(131.08 -289.39) rotate(28.03)",
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
}),
_react2.default.createElement("linearGradient", {
id: "eb70dcce-e6f3-4a8b-b07f-dae47734eaed",
x1: 1090.3,
y1: 366.06,
x2: 1090.3,
y2: 325.24,
gradientTransform: "translate(1276.74 -562.25) rotate(90)",
xlinkHref: "#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
})
),
_react2.default.createElement(
"title",
null,
"outer space"
),
_react2.default.createElement("path", {
d: "M1023.41,751.25a140,140,0,0,1-27.7-.36c-101.12-11.19-238.82-8-351.07,61.54C489.4,908.6,246.11,826.27,138.79,781.48c-82-34.21-124.58-118-99-196.65q.54-1.66,1.12-3.33C57,534.76,88.76,498.18,128.09,478.79c34.28-16.9,84.33-52.19,106.6-120,9.2-28,21.82-54.33,38.21-77.3,43.89-61.51,135.77-153,293.79-152.43a254.71,254.71,0,0,1,81.41,13.78c57.73,19.68,109.87,59.67,149.63,115.1,25.37,35.37,63.39,68.23,117.82,70.92,75.54,3.74,147.63,38.91,201.71,101.5,1.56,1.8,3.1,3.61,4.64,5.44C1218.19,550.44,1151.31,740.07,1023.41,751.25Z",
transform: "translate(-32.41 -42.89)",
fill: props.primaryColor
}),
_react2.default.createElement(
"g",
{ opacity: 0.7 },
_react2.default.createElement("circle", {
cx: 277.46,
cy: 683.31,
r: 13.8,
fill: "url(#3e46dd13-459a-49e8-af7c-f12b6d999bf6)"
})
),
_react2.default.createElement("circle", { cx: 277.46, cy: 683.31, r: 13.18, opacity: 0.2 }),
_react2.default.createElement("circle", { cx: 203.11, cy: 414.14, r: 5.1, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 567.11, cy: 710.14, r: 5.1, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 352.11, cy: 736.14, r: 2.85, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 983.11, cy: 598.14, r: 2.85, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 820.11, cy: 342.14, r: 2.85, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 1051.11, cy: 467.14, r: 2.85, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 293.11, cy: 247.14, r: 5.1, fill: "#fff" }),
_react2.default.createElement("polygon", {
points: "152.94 592.21 148.4 592.21 148.4 587.67 146.55 587.67 146.55 592.21 142.01 592.21 142.01 594.06 146.55 594.06 146.55 598.59 148.4 598.59 148.4 594.06 152.94 594.06 152.94 592.21",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "266.94 590.21 262.4 590.21 262.4 585.67 260.55 585.67 260.55 590.21 256.01 590.21 256.01 592.06 260.55 592.06 260.55 596.59 262.4 596.59 262.4 592.06 266.94 592.06 266.94 590.21",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "429.94 682.21 425.4 682.21 425.4 677.67 423.55 677.67 423.55 682.21 419.01 682.21 419.01 684.06 423.55 684.06 423.55 688.59 425.4 688.59 425.4 684.06 429.94 684.06 429.94 682.21",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "656.97 130.71 654.9 130.71 654.9 128.64 654.06 128.64 654.06 130.71 651.99 130.71 651.99 131.55 654.06 131.55 654.06 133.62 654.9 133.62 654.9 131.55 656.97 131.55 656.97 130.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "951.97 320.71 949.9 320.71 949.9 318.64 949.06 318.64 949.06 320.71 946.99 320.71 946.99 321.55 949.06 321.55 949.06 323.62 949.9 323.62 949.9 321.55 951.97 321.55 951.97 320.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "777.97 444.71 775.9 444.71 775.9 442.64 775.06 442.64 775.06 444.71 772.99 444.71 772.99 445.55 775.06 445.55 775.06 447.62 775.9 447.62 775.9 445.55 777.97 445.55 777.97 444.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "69.97 522.71 67.9 522.71 67.9 520.64 67.06 520.64 67.06 522.71 64.99 522.71 64.99 523.55 67.06 523.55 67.06 525.62 67.9 525.62 67.9 523.55 69.97 523.55 69.97 522.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "154.97 692.71 152.9 692.71 152.9 690.64 152.06 690.64 152.06 692.71 149.99 692.71 149.99 693.55 152.06 693.55 152.06 695.62 152.9 695.62 152.9 693.55 154.97 693.55 154.97 692.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "421.97 155.71 419.9 155.71 419.9 153.64 419.06 153.64 419.06 155.71 416.99 155.71 416.99 156.55 419.06 156.55 419.06 158.62 419.9 158.62 419.9 156.55 421.97 156.55 421.97 155.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "295.97 454.71 293.9 454.71 293.9 452.64 293.06 452.64 293.06 454.71 290.99 454.71 290.99 455.55 293.06 455.55 293.06 457.62 293.9 457.62 293.9 455.55 295.97 455.55 295.97 454.71",
fill: "#fff"
}),
_react2.default.createElement("polygon", {
points: "322.97 368.71 320.9 368.71 320.9 366.64 320.06 366.64 320.06 368.71 317.99 368.71 317.99 369.55 320.06 369.55 320.06 371.62 320.9 371.62 320.9 369.55 322.97 369.55 322.97 368.71",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.7 },
_react2.default.createElement("circle", {
cx: 748.15,
cy: 555.65,
r: 11.52,
fill: "url(#37af1bda-9495-41fb-8288-207b72e63f4f)"
})
),
_react2.default.createElement("circle", { cx: 748.15, cy: 555.65, r: 10.67, opacity: 0.2 }),
_react2.default.createElement("circle", { cx: 776.88, cy: 630.76, r: 11.93, opacity: 0.2 }),
_react2.default.createElement(
"g",
{ opacity: 0.7 },
_react2.default.createElement("path", {
d: "M702.38,349.92a154.82,154.82,0,0,0-17.5-72c-5.49-10.44-10.5-16.92-14.35-20.91a10.25,10.25,0,0,0-11.75-2.26,10.57,10.57,0,0,0-4.11,2.65c-5.21,5.4-9.92,12.54-14,20.13a155.43,155.43,0,0,0-18.37,74v15.49h-9.93V187c0-37.72-8.44-74.93-25-107.93-7.84-15.64-15-25.36-20.49-31.33a14.21,14.21,0,0,0-21.35,0c-7.44,8.09-14.16,18.79-20,30.16-17.39,33.72-26.22,72-26.22,110.82V366.94h-8.58V350.71a155.43,155.43,0,0,0-18.37-74c-4.11-7.59-8.82-14.73-14-20.13a10.26,10.26,0,0,0-12-2.19l.36.2a10.61,10.61,0,0,0-3.35,2.34c-3.86,4-8.86,10.47-14.35,20.91a154.82,154.82,0,0,0-17.5,72v269h30.65L438.78,641v66.13h25.06V641l-3.35-22.12h30.2v-245h8.58V617.82h24.47L520.23,641v66.13h25.06V641l-3.51-23.21h33L571.25,641v66.13h25.06V641l-3.51-23.21h19.54V373.91h9.93V619.28h8.06v-.37h26.62L653.6,641v66.13h25.06V641l-3.35-22.12h27.07Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#ffa80d9d-f94e-4fc6-af50-7242360bd602)"
})
),
_react2.default.createElement("polygon", {
points: "436.4 585.25 412.67 585.25 416.91 556.44 432.16 556.44 436.4 585.25",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("polygon", { points: "415.73 567.88 433.34 567.88 432.16 559.83 416.91 559.83 415.73 567.88" })
),
_react2.default.createElement("polygon", {
points: "639.75 585.25 616.03 585.25 620.26 556.44 635.52 556.44 639.75 585.25",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("polygon", { points: "619.08 567.88 636.7 567.88 635.52 559.83 620.26 559.83 619.08 567.88" })
),
_react2.default.createElement("polygon", {
points: "513.5 585.25 489.78 585.25 494.01 556.44 509.27 556.44 513.5 585.25",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("polygon", { points: "492.83 567.88 510.45 567.88 509.27 559.83 494.01 559.83 492.83 567.88" })
),
_react2.default.createElement("polygon", {
points: "561.8 585.25 538.08 585.25 542.31 556.44 557.56 556.44 561.8 585.25",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("polygon", { points: "541.13 567.88 558.75 567.88 557.56 559.83 542.31 559.83 541.13 567.88" })
),
_react2.default.createElement("rect", { x: 436.4, y: 318.35, width: 169.46, height: 6.78, fill: "#535461" }),
_react2.default.createElement("path", {
d: "M664.46,254.16a9.55,9.55,0,0,0-14.16,0c-4.93,5.26-9.39,12.21-13.28,19.6a154.84,154.84,0,0,0-17.39,72V606.6h75V344.66a154.27,154.27,0,0,0-16.57-70.14C672.85,264.36,668.11,258,664.46,254.16Z",
transform: "translate(-32.41 -42.89)",
fill: "#e0e0e0"
}),
_react2.default.createElement("path", {
d: "M449.39,254.16a9.55,9.55,0,0,1,14.16,0c4.93,5.26,9.39,12.21,13.28,19.6a154.84,154.84,0,0,1,17.39,72V606.6h-75V344.66a154.27,154.27,0,0,1,16.57-70.14C441,264.36,445.74,258,449.39,254.16Z",
transform: "translate(-32.41 -42.89)",
fill: "#e0e0e0"
}),
_react2.default.createElement("polygon", {
points: "387.25 307.33 405.05 307.42 405.05 329.36 387.25 329.36 387.25 307.33",
fill: "#535461"
}),
_react2.default.createElement("polygon", {
points: "444.02 307.33 461.82 307.42 461.82 329.36 444.02 329.36 444.02 307.33",
fill: "#535461"
}),
_react2.default.createElement("polygon", {
points: "587.22 307.33 605.01 307.42 605.01 329.36 587.22 329.36 587.22 307.33",
fill: "#535461"
}),
_react2.default.createElement("polygon", {
points: "643.99 307.33 661.78 307.42 661.78 329.36 643.99 329.36 643.99 307.33",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("path", {
d: "M476.84,273.42c-3.89-7.39-8.35-14.34-13.28-19.6a9.52,9.52,0,0,0-11.33-2.13,10.11,10.11,0,0,1,2.86,2.13c4.93,5.26,9.39,12.21,13.28,19.6a154.84,154.84,0,0,1,17.39,72v260.8h8.47V345.43A154.84,154.84,0,0,0,476.84,273.42Z",
transform: "translate(-32.41 -42.89)"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("path", {
d: "M643.8,274.14c3.89-7.39,8.35-14.34,13.28-19.6a10.07,10.07,0,0,1,3.28-2.34,9.54,9.54,0,0,0-10.9,2.34c-4.93,5.26-9.39,12.21-13.28,19.6a154.84,154.84,0,0,0-17.39,72V607h7.63V346.16A154.84,154.84,0,0,1,643.8,274.14Z",
transform: "translate(-32.41 -42.89)"
})
),
_react2.default.createElement("path", {
d: "M457.27,692.54h-.65A11.54,11.54,0,0,1,445.08,681V628.14h23.72V681A11.54,11.54,0,0,1,457.27,692.54Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40)"
}),
_react2.default.createElement("path", {
d: "M534.38,692.54h-.65A11.54,11.54,0,0,1,522.19,681V628.14h23.72V681A11.54,11.54,0,0,1,534.38,692.54Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#05259978-803a-45e8-b8b5-97b552edcb85)"
}),
_react2.default.createElement("path", {
d: "M582.67,692.54H582A11.54,11.54,0,0,1,570.49,681V628.14h23.72V681A11.54,11.54,0,0,1,582.67,692.54Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#5c39a74e-5e59-4415-b752-703a3fffee2a)"
}),
_react2.default.createElement("path", {
d: "M660.63,692.54H660A11.54,11.54,0,0,1,648.44,681V628.14h23.72V681A11.54,11.54,0,0,1,660.63,692.54Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#d7f6cccc-6a0f-4e3d-828b-6d7dc4b7481b)"
}),
_react2.default.createElement("path", {
d: "M566.34,49.64a13.2,13.2,0,0,0-20.21,0c-7,7.88-13.41,18.3-19,29.37-16.47,32.84-24.82,70.12-24.82,107.92V605.54h107V185.25c0-36.73-8-73-23.64-105.1C578.32,64.92,571.55,55.45,566.34,49.64Z",
transform: "translate(-32.41 -42.89)",
fill: "#eee"
}),
_react2.default.createElement("rect", {
x: 494.79,
y: 53.25,
width: 55.84,
height: 25.59,
rx: 11,
ry: 11,
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("rect", { x: 470.48, y: 158.35, width: 105.91, height: 4.11 })
),
_react2.default.createElement("path", {
d: "M793.45,354.22h0a34.65,34.65,0,0,0-10.23-9.05h0A34.33,34.33,0,1,0,766,409.23c.73,0,1.46,0,2.17-.07a34.33,34.33,0,0,0,25.23-54.93Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#d8b67709-3c19-4550-a3e0-86074d811eb7)"
}),
_react2.default.createElement("path", {
d: "M798.5,374.9a32.45,32.45,0,0,1-30.4,32.38c-.68,0-1.37.07-2.06.07a32.45,32.45,0,1,1,16.23-60.56h0a32.76,32.76,0,0,1,9.67,8.56h0A32.28,32.28,0,0,1,798.5,374.9Z",
transform: "translate(-32.41 -42.89)",
opacity: 0.2
}),
_react2.default.createElement("path", {
d: "M758.06,354.31a35.32,35.32,0,0,0-4.84,2.55,7.66,7.66,0,0,0-2.59,2.32,3,3,0,0,0-.07,3.3c.79,1.08,2.31,1.25,3.65,1.32a6.92,6.92,0,0,0,6.63-2.19l2.79-2.53c1-.88,2-2.09,1.61-3.32a2.94,2.94,0,0,0-2.37-1.6,9.84,9.84,0,0,0-7,1.23",
transform: "translate(-32.41 -42.89)",
opacity: 0.1
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("circle", { cx: 714, cy: 344.82, r: 1.71 })
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("circle", { cx: 748.72, cy: 334, r: 6.26 })
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("path", {
d: "M792,355.35h0a8.54,8.54,0,1,1-9.67-8.56h0A32.76,32.76,0,0,1,792,355.35Z",
transform: "translate(-32.41 -42.89)"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("path", {
d: "M792.58,393.58a32.37,32.37,0,0,1-24.47,13.7c0-.44-.06-.9-.06-1.35a15.37,15.37,0,0,1,24.54-12.34Z",
transform: "translate(-32.41 -42.89)"
})
),
_react2.default.createElement("path", {
d: "M350.17,539.47h0a24.18,24.18,0,0,0-7.14-6.32h0a24,24,0,1,0-12,44.7c.51,0,1,0,1.52-.05a23.95,23.95,0,0,0,17.6-38.33Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#3e509778-a030-4d68-b2a4-c64a3ac4f253)"
}),
_react2.default.createElement("path", {
d: "M353.69,553.9a22.64,22.64,0,0,1-21.21,22.59c-.47,0-1,0-1.43,0a22.64,22.64,0,1,1,11.32-42.25h0a22.85,22.85,0,0,1,6.74,6h0A22.52,22.52,0,0,1,353.69,553.9Z",
transform: "translate(-32.41 -42.89)",
opacity: 0.2
}),
_react2.default.createElement("path", {
d: "M325.47,539.54a24.64,24.64,0,0,0-3.38,1.78,5.35,5.35,0,0,0-1.8,1.62,2.12,2.12,0,0,0,0,2.31,3.24,3.24,0,0,0,2.55.92,4.83,4.83,0,0,0,4.62-1.53l1.95-1.77c.68-.61,1.42-1.46,1.12-2.32a2.05,2.05,0,0,0-1.65-1.12,6.86,6.86,0,0,0-4.87.86",
transform: "translate(-32.41 -42.89)",
opacity: 0.1
}),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("circle", { cx: 284.93, cy: 519.94, r: 1.19 })
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("circle", { cx: 309.16, cy: 512.4, r: 4.37 })
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("path", {
d: "M349.12,540.26h0a6,6,0,1,1-6.75-6h0A22.85,22.85,0,0,1,349.12,540.26Z",
transform: "translate(-32.41 -42.89)"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("path", {
d: "M349.56,566.93a22.58,22.58,0,0,1-17.08,9.56c0-.31,0-.63,0-.95a10.73,10.73,0,0,1,17.12-8.61Z",
transform: "translate(-32.41 -42.89)"
})
),
_react2.default.createElement(
"g",
{ id: "120a17ce-273b-43da-a1c3-5a7a07668078", "data-name": "<Rectangle>" },
_react2.default.createElement("rect", {
x: 882.78,
y: 494.46,
width: 99.71,
height: 58.9,
rx: 13,
ry: 13,
transform: "translate(-0.48 1058.1) rotate(-61.97)",
fill: "url(#8106a0a8-6eb7-4dbb-9969-62b3885817e2)"
})
),
_react2.default.createElement("rect", {
id: "3be746d1-66dc-490a-854a-a7ffe100c0cf",
"data-name": "<Rectangle>",
x: 904.96,
y: 476.27,
width: 55.91,
height: 95.03,
rx: 13,
ry: 13,
transform: "translate(323.12 -419.83) rotate(28.03)",
fill: "#535461"
}),
_react2.default.createElement("polyline", {
id: "2477f0b4-bd43-45e3-9b10-09d9927ab34c",
"data-name": "<Path>",
points: "837.69 539.42 859.49 551.02 842.47 570.06",
fill: "none"
}),
_react2.default.createElement(
"g",
{ id: "be3600ea-5c4f-48a4-9352-e6041bab2a7f", "data-name": "<Group>" },
_react2.default.createElement("polygon", {
points: "927.05 467.07 898.55 452.64 895.52 439.52 937.95 461.13 927.05 467.07",
fill: "#e0e0e0"
})
),
_react2.default.createElement(
"g",
{ id: "77ab2e50-c39a-4f15-85d2-308a55fd3596", "data-name": "<Group>" },
_react2.default.createElement("polygon", {
points: "937.58 461.83 895.55 439.46 906.33 439.44 931.46 451.77 937.58 461.83",
fill: "#e0e0e0"
})
),
_react2.default.createElement("path", {
d: "M994.67,533.16c-3-3.88-9.65-4.3-12.95-.83,1.54-10.1-2-20.88-9-28.65-1.16-1.29-4.31-5-6.07-4.34a9.77,9.77,0,0,0-4,3.95l-29.56-15.73.59-1.1c2.27-4.31-1.09-6.28-5.8-7.5a26.19,26.19,0,0,0-12.52,0c-6.53,1.55-12.33,5-18,8.43l-2.48-8a3.43,3.43,0,0,0-1.49-2.27,3.39,3.39,0,0,0-2.82.41c-4,1.89-8.13,3.91-10.71,7.42s-3.23,7.9-3.85,12.16-1.57,10,1.38,13.17c3.17,3.41,7.19,5.75,11.78,5.24,7.19-.8,14.59-1.67,21.07-4.57l-20,37.55.44.24-33.3,53.85,24.24,12.74L913,560.62l.71.38-28.46,56.27,24.53,13.21,26-57.74.76.41,20.19-37.93.36.89,6.62,16.32c1.38,3.4,3,7.11,6.41,8.69,2.42,1.14,6.66-1.68,9.1-2.63a27.88,27.88,0,0,0,6.6-4.11c3.42-2.61,6.93-5.31,9-9S997.39,536.63,994.67,533.16Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#e60b1eb1-24c6-4ffa-b9e3-ca42930483a3)"
}),
_react2.default.createElement("path", {
d: "M991.95,532.82a8.54,8.54,0,0,0-12.48-.62,34.69,34.69,0,0,0-8.27-28.07c-1.1-1.25-3.59-4.58-5.29-3.92-.8.31-1.95,2.57-2.88,4.47l-31.23-16.62.59-1.09c2.25-4.27.52-5.38-4-6.51a24.79,24.79,0,0,0-12.08.23c-6.32,1.62-12,5.12-17.5,8.57l-2.28-7.86a2.44,2.44,0,0,0-4.13-1.77c-3.87,1.92-7.9,4-10.44,7.47s-3.23,7.82-3.89,12-1.11,8.84,1.68,11.92c3,3.31,8.21,3,12.65,2.43,6.95-.89,14.1-1.86,20.38-4.81L891,549.48l.42.23-32.91,53.5L880.68,615l32.1-53.93.68.36L886,617.84l22.6,12,25.93-57.22.73.39,21.39-40.19.33.87,6.14,16c1.28,3.32,2.83,7,6.06,8.46a9.42,9.42,0,0,0,7.46-.17,27.93,27.93,0,0,0,6.43-4.15c3.34-2.62,6.76-5.33,8.86-9S994.52,536.2,991.95,532.82Z",
transform: "translate(-32.41 -42.89)",
fill: "#eee"
}),
_react2.default.createElement("path", {
id: "72e3527e-e5db-4568-97e7-f484fad3f9bc",
"data-name": "<Path>",
d: "M904.38,465.48a4.32,4.32,0,0,0-4.91-.61,8.55,8.55,0,0,0-3.56,3.8,5,5,0,0,1-1.91,2.4,3.08,3.08,0,0,1-2.57-.14,17.27,17.27,0,0,1-2.23-1.43,5.64,5.64,0,0,0-4.51-1.1c-1.54.43-2.67,2.34-1.84,3.71a3.78,3.78,0,0,0-2.54,4.95,2.85,2.85,0,0,0-.86,5.05,2.4,2.4,0,0,0-2.55,2.82,4.56,4.56,0,0,0,1.56,2.11q2.15,1.94,4.36,3.81a9.72,9.72,0,0,0,4.4,2.52c4.46.76,5.53-4.79,6.81-7.77q2.87-6.69,6.34-13.11C900.72,471.84,904.55,465.66,904.38,465.48Z",
transform: "translate(-32.41 -42.89)",
fill: "#535461"
}),
_react2.default.createElement("path", {
id: "b806b0b3-4dfd-4bac-8fe7-15848061fff1",
"data-name": "<Path>",
d: "M997.29,514.94a4.32,4.32,0,0,1,3.25,3.73,8.55,8.55,0,0,1-1.17,5.08,5,5,0,0,0-.92,2.92,3.08,3.08,0,0,0,1.55,2,17.27,17.27,0,0,0,2.43,1.05,5.64,5.64,0,0,1,3.43,3.13c.5,1.52-.45,3.52-2,3.6a3.78,3.78,0,0,1-2.69,4.87,2.85,2.85,0,0,1-3.71,3.54,2.4,2.4,0,0,1-.92,3.69,4.56,4.56,0,0,1-2.62-.12q-2.81-.7-5.6-1.49a9.72,9.72,0,0,1-4.55-2.24c-3.12-3.27.89-7.27,2.64-10q3.95-6.12,7.34-12.58C994.06,521.52,997,514.89,997.29,514.94Z",
transform: "translate(-32.41 -42.89)",
fill: "#535461"
}),
_react2.default.createElement("path", {
d: "M987.38,481.25,983,478.89c2.51-11-2-22.08-11.62-27.2s-21.32-2.69-29,5.55l-4.32-2.3-5.31,10,3.69,2c-4,11.31,1.1,22.92,11.7,28.56s23.06,3.37,30.22-6.24l3.8,2Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#d0ce0e06-e5c2-44aa-bb47-05706c8ef26f)"
}),
_react2.default.createElement("path", {
d: "M985.81,481.22,981.6,479c2.19-10.08-1.75-21.27-10.88-26.13S950.11,451,943,458.42l-4.1-2.18L934,465.32l3.51,1.87C934,477.52,939,488.27,949,493.63s21.76,3.48,28.34-5.25l3.61,1.92Z",
transform: "translate(-32.41 -42.89)",
fill: "#eee"
}),
_react2.default.createElement("circle", {
id: "d09b032d-f59e-4094-835e-1185c353b985",
"data-name": "<Path>",
cx: 958.95,
cy: 474.7,
r: 18.48,
transform: "translate(56.91 1055.23) rotate(-61.97)",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ id: "930da26e-2b9d-497b-a9f8-4867c333fccf", "data-name": "<Group>" },
_react2.default.createElement("path", {
d: "M881.78,616.33c-2.9,5.45-8,1.55-14.86-2.11s-12.95-5.7-10-11.15,11.71-8.55,18.59-4.89S884.68,610.89,881.78,616.33Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#a4a35fa4-778a-4359-8c4d-261def49668d)"
})
),
_react2.default.createElement(
"g",
{ id: "7439a555-f455-4d6e-80e5-d8324011691c", "data-name": "<Group>" },
_react2.default.createElement("path", {
d: "M909.58,631.13c-2.9,5.45-8,1.55-14.86-2.11s-12.95-5.7-10-11.15,11.71-8.55,18.59-4.89S912.48,625.68,909.58,631.13Z",
transform: "translate(-32.41 -42.89)",
fill: "url(#4bbacd58-6e16-4c21-836d-548c96a127a7)"
})
),
_react2.default.createElement("path", {
id: "f58d5d8c-bdc7-4a7b-8d94-9019addd01f0",
"data-name": "<Path>",
d: "M881,615.55c-2.65,5-7.36,1.39-13.73-2s-12-5.29-9.33-10.27,10.78-7.8,17.15-4.41S883.67,610.56,881,615.55Z",
transform: "translate(-32.41 -42.89)",
fill: "#535461"
}),
_react2.default.createElement("path", {
id: "8d12e46c-b87e-4826-92a2-86cb9c658536",
"data-name": "<Path>",
d: "M908.61,631.13c-2.65,5-7.36,1.39-13.73-2s-12-5.29-9.33-10.27,10.78-7.8,17.15-4.41S911.26,626.15,908.61,631.13Z",
transform: "translate(-32.41 -42.89)",
fill: "#535461"
}),
_react2.default.createElement(
"g",
{ id: "e2d201e7-e0a6-4ab0-9cc6-f410be4613d6", "data-name": "<Rectangle>" },
_react2.default.createElement("rect", {
x: 910.68,
y: 509.09,
width: 40.82,
height: 37.9,
rx: 6.38,
ry: 6.38,
transform: "translate(-4.95 1058.93) rotate(-61.97)",
fill: "url(#eb70dcce-e6f3-4a8b-b07f-dae47734eaed)"
})
),
_react2.default.createElement("rect", {
id: "125b74a4-9939-48a3-b844-5eca3da90ec3",
"data-name": "<Rectangle>",
x: 912.93,
y: 508.86,
width: 36.17,
height: 38.29,
rx: 6.38,
ry: 6.38,
transform: "translate(324.88 -418.44) rotate(28.03)",
fill: "#535461"
}),
_react2.default.createElement("rect", {
id: "b5c7490a-0616-40d3-b8db-e5d72bbe41f3",
"data-name": "<Rectangle>",
x: 920.23,
y: 511.76,
width: 6.63,
height: 17.67,
transform: "translate(320.52 -415.8) rotate(28.03)",
opacity: 0.2
}),
_react2.default.createElement("rect", {
id: "14260621-e028-434f-a39d-38039d4741f6",
"data-name": "<Rectangle>",
x: 932.52,
y: 525.39,
width: 8.72,
height: 5.97,
transform: "translate(325.74 -421.16) rotate(28.03)",
opacity: 0.2
}),
_react2.default.createElement("rect", {
id: "481ec607-14b4-484c-9769-eb1e4aed6d47",
"data-name": "<Rectangle>",
x: 943.17,
y: 519.22,
width: 4.82,
height: 4.29,
transform: "translate(323.47 -426.06) rotate(28.03)",
opacity: 0.2
}),
_react2.default.createElement("circle", {
id: "5278424b-7bd8-4d10-a3b8-6fcbdbf45b93",
"data-name": "<Path>",
cx: 935.79,
cy: 540.45,
r: 5.25,
transform: "translate(-13.41 1069.65) rotate(-61.97)",
opacity: 0.2
}),
_react2.default.createElement("path", {
id: "ab51a840-1ab9-4714-a06f-d1bf772b53d4",
"data-name": "<Path>",
d: "M967.77,463.08a18.45,18.45,0,0,1,9.57,13.42,18.48,18.48,0,1,0-36.64,1.08,18.48,18.48,0,0,1,27.07-14.5Z",
transform: "translate(-32.41 -42.89)",
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 984.33,
y: 470.56,
width: 0.92,
height: 11.98,
transform: "translate(259.03 -412.61) rotate(24.85)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 987.31,
cy: 471.12,
r: 1.84,
transform: "translate(112.5 1126.15) rotate(-65.15)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M922.83,479.81l1.12,28.34,4.54-.8s.93-16.07.17-26.79A11.28,11.28,0,0,0,922.83,479.81Z",
transform: "translate(-32.41 -42.89)",
fill: "#535461"
}),
_react2.default.createElement("path", {
d: "M975,509l-24.49,14.3-1.77-4.25s13.23-9.59,22.67-14.72C973.75,505.74,975,509,975,509Z",
transform: "translate(-32.41 -42.89)",
fill: "#535461"
})
);
};
UndrawOuterSpace.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawOuterSpace.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawOuterSpace;