react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
947 lines (937 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 UndrawNewMessage = function UndrawNewMessage(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "e6c7a302-1d79-4c46-b758-a00a31f9e26b",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 867.19 752.72"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "22870d72-ac13-4c8c-bdf9-4d0841984fac",
x1: 8.15,
y1: 612.92,
x2: 8.15,
y2: 548.54,
gradientTransform: "matrix(-1, 0, 0, 1, 631.86, -7.83)",
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: "46920503-58a9-44f5-869a-eb0d6f580dc2",
x1: -193.49,
y1: 331.29,
x2: -193.49,
y2: 266.91,
gradientTransform: "matrix(0, -1, -1, 0, 1165.49, 229)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "5b6c626d-ce2f-4633-b930-0e0ef649b376",
x1: -246.01,
y1: 452.36,
x2: -246.01,
y2: 387.98,
gradientTransform: "matrix(0, -1, -1, 0, 1296.56, 320.52)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "6999a8fe-21a9-4701-b226-ef883076e79f",
x1: -14.86,
y1: 303.11,
x2: -14.86,
y2: 238.73,
gradientTransform: "matrix(-1, 0, 0, 1, 542.37, -1.49)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "2e4c56eb-c899-4e7c-9ca1-432187ad2299",
x1: -70.23,
y1: 46.12,
x2: -70.23,
y2: -18.26,
gradientTransform: "matrix(0, -1, -1, 0, 813.84, 48.8)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "92480007-5af8-4fb0-a0fe-f7ce09be329b",
x1: 58.85,
y1: 392.6,
x2: 58.85,
y2: 328.22,
gradientTransform: "matrix(0, -1, -1, 0, 1170.31, 321.92)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "91ef2396-2c54-4e76-8182-4a9970397d72",
x1: 320.67,
y1: 441.4,
x2: 320.67,
y2: 377.01,
gradientTransform: "matrix(-1, 0, 0, 1, 595.88, 88.63)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "c20cc891-92ec-4c26-a6a9-c793ae6cdb85",
x1: 162.93,
y1: 324.23,
x2: 162.93,
y2: 259.85,
gradientTransform: "matrix(0, -1, -1, 0, 809.92, 510.37)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "e5bd4efc-3d4a-453d-9559-e76160a17bf3",
x1: -38.47,
y1: 742.22,
x2: -38.47,
y2: 677.84,
gradientTransform: "matrix(0, -1, -1, 0, 1237.91, 453)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "1f2c304b-4956-4e16-8f36-0a16127bea31",
x1: 257.58,
y1: 271.1,
x2: 257.58,
y2: 206.72,
gradientTransform: "matrix(-1, 0, 0, 1, 544.58, 77.7)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "132bee92-70bf-4f7a-8946-6baf61115962",
x1: 186,
y1: 144.09,
x2: 186,
y2: 79.71,
gradientTransform: "matrix(0, -1, -1, 0, 641.58, 352.21)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "190d4067-154d-4acf-a3d4-786604031f46",
x1: 123.1,
y1: 659.28,
x2: 123.1,
y2: 594.9,
gradientTransform: "matrix(0, -1, -1, 0, 1166.77, 433.34)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "5b6818eb-4255-4703-a8a1-ad450826a32f",
x1: 438.22,
y1: 567.33,
x2: 541.4,
y2: 567.33,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "f72680a8-1c69-456c-9139-7d75f0ebc6fd",
x1: 554.46,
y1: 525.12,
x2: 586.43,
y2: 525.12,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "b4ecf0d7-9b75-430f-acce-e09492370ef4",
x1: 669.68,
y1: 582.71,
x2: 700.58,
y2: 582.71,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "fe1de1d1-8458-4939-941f-dea050869f88",
x1: 571.06,
y1: 506.59,
x2: 571.06,
y2: 139.02,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
}),
_react2.default.createElement("linearGradient", {
id: "b7a7a14d-13e4-460f-98bc-d42561b19638",
x1: 19.14,
y1: 784.71,
x2: 19.14,
y2: 618.86,
gradientTransform: "matrix(-1, 0, 0, 1, 619.95, 34.86)",
xlinkHref: "#22870d72-ac13-4c8c-bdf9-4d0841984fac"
})
),
_react2.default.createElement(
"title",
null,
"new message"
),
_react2.default.createElement("rect", {
x: 571.33,
y: 540.71,
width: 104.76,
height: 64.38,
transform: "translate(-304.11 128.49) rotate(-16.6)",
fill: "url(#22870d72-ac13-4c8c-bdf9-4d0841984fac)"
}),
_react2.default.createElement("rect", {
x: 572.48,
y: 542.47,
width: 101.21,
height: 60.09,
transform: "translate(-304.03 128.29) rotate(-16.6)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 572.6,
y: 559.29,
width: 12.88,
height: 9.53,
transform: "translate(1128.72 865.47) rotate(163.4)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 588.18,
y: 575.12,
width: 49.44,
height: 3.09,
transform: "translate(1198.63 880.49) rotate(163.4)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 603.35,
y: 580.63,
width: 36.05,
height: 2.06,
transform: "translate(1216.66 887.85) rotate(163.4)",
fill: props.primaryColor
})
),
_react2.default.createElement("rect", {
x: 834.2,
y: 370.12,
width: 64.38,
height: 104.76,
transform: "translate(119.67 1118.51) rotate(-78.98)",
fill: "url(#46920503-58a9-44f5-869a-eb0d6f580dc2)"
}),
_react2.default.createElement("rect", {
x: 835.97,
y: 371.26,
width: 60.09,
height: 101.21,
transform: "matrix(0.19, -0.98, 0.98, 0.19, 119.98, 1117.63)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 824.48,
y: 389.18,
width: 12.88,
height: 9.53,
transform: "translate(1404.81 865.82) rotate(-168.98)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 830.35,
y: 419.27,
width: 49.44,
height: 3.09,
transform: "translate(1447.53 923.68) rotate(-168.98)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 842.24,
y: 428.14,
width: 36.05,
height: 2.06,
transform: "translate(1456.23 941.24) rotate(-168.98)",
fill: props.primaryColor
})
),
_react2.default.createElement("rect", {
x: 844.2,
y: 514.16,
width: 64.38,
height: 104.76,
transform: "translate(-319.47 321.88) rotate(-23.45)",
fill: "url(#5b6c626d-ce2f-4633-b930-0e0ef649b376)"
}),
_react2.default.createElement("rect", {
x: 846.65,
y: 515.27,
width: 60.09,
height: 101.21,
transform: "translate(-319.18 321.95) rotate(-23.45)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 873.41,
y: 516.37,
width: 12.88,
height: 9.53,
transform: "translate(585.47 1462.05) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 846.64,
y: 554.71,
width: 49.44,
height: 3.09,
transform: "translate(541.39 1503.36) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 849.39,
y: 564.23,
width: 36.05,
height: 2.06,
transform: "translate(527.6 1512.34) rotate(-113.45)",
fill: "#47e6b1"
})
),
_react2.default.createElement("rect", {
x: 504.85,
y: 237.24,
width: 104.76,
height: 64.38,
transform: "translate(-220.16 96.83) rotate(-16.6)",
fill: "url(#6999a8fe-21a9-4701-b226-ef883076e79f)"
}),
_react2.default.createElement("rect", {
x: 506,
y: 239,
width: 101.21,
height: 60.09,
transform: "translate(-220.08 96.64) rotate(-16.6)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 506.12,
y: 255.82,
width: 12.88,
height: 9.53,
transform: "translate(911.8 290.18) rotate(163.4)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 521.69,
y: 271.65,
width: 49.44,
height: 3.09,
transform: "translate(981.71 305.2) rotate(163.4)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 536.87,
y: 277.16,
width: 36.05,
height: 2.06,
transform: "translate(999.74 312.56) rotate(163.4)",
fill: "#f55f44"
})
),
_react2.default.createElement("rect", {
x: 767.72,
y: 66.65,
width: 64.38,
height: 104.76,
transform: "translate(363.77 807.79) rotate(-78.98)",
fill: "url(#2e4c56eb-c899-4e7c-9ca1-432187ad2299)"
}),
_react2.default.createElement("rect", {
x: 769.49,
y: 67.8,
width: 60.09,
height: 101.21,
transform: "translate(364.08 806.92) rotate(-78.98)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 758,
y: 85.71,
width: 12.88,
height: 9.53,
transform: "translate(1331.08 251.77) rotate(-168.98)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 763.87,
y: 115.8,
width: 49.44,
height: 3.09,
transform: "translate(1373.8 309.63) rotate(-168.98)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 775.75,
y: 124.68,
width: 36.05,
height: 2.06,
transform: "translate(1382.49 327.19) rotate(-168.98)",
fill: props.primaryColor
})
),
_react2.default.createElement("rect", {
x: 777.71,
y: 210.69,
width: 64.38,
height: 104.76,
transform: "translate(-204.2 270.36) rotate(-23.45)",
fill: "url(#92480007-5af8-4fb0-a0fe-f7ce09be329b)"
}),
_react2.default.createElement("rect", {
x: 780.17,
y: 211.8,
width: 60.09,
height: 101.21,
transform: "translate(-203.91 270.43) rotate(-23.45)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 806.93,
y: 212.9,
width: 12.88,
height: 9.53,
transform: "translate(770.94 976.83) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 780.16,
y: 251.24,
width: 49.44,
height: 3.09,
transform: "translate(726.85 1018.14) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 782.9,
y: 260.76,
width: 36.05,
height: 2.06,
transform: "translate(713.06 1027.12) rotate(-113.45)",
fill: "#47e6b1"
})
),
_react2.default.createElement("rect", {
x: 222.82,
y: 465.65,
width: 104.76,
height: 64.38,
transform: "translate(-297.19 25.76) rotate(-16.6)",
fill: "url(#91ef2396-2c54-4e76-8182-4a9970397d72)"
}),
_react2.default.createElement("rect", {
x: 223.98,
y: 467.41,
width: 101.21,
height: 60.09,
transform: "translate(-297.11 25.57) rotate(-16.6)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 224.1,
y: 484.22,
width: 12.88,
height: 9.53,
transform: "translate(424.79 818.06) rotate(163.4)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 239.67,
y: 500.05,
width: 49.44,
height: 3.09,
transform: "translate(494.7 833.08) rotate(163.4)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 254.84,
y: 505.56,
width: 36.05,
height: 2.06,
transform: "translate(512.73 840.44) rotate(163.4)",
fill: props.primaryColor
})
),
_react2.default.createElement("rect", {
x: 485.7,
y: 295.06,
width: 64.38,
height: 104.76,
transform: "translate(-88.54 715.72) rotate(-78.98)",
fill: "url(#c20cc891-92ec-4c26-a6a9-c793ae6cdb85)"
}),
_react2.default.createElement("rect", {
x: 487.47,
y: 296.2,
width: 60.09,
height: 101.21,
transform: "matrix(0.19, -0.98, 0.98, 0.19, -88.23, 714.84)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 475.98,
y: 314.12,
width: 12.88,
height: 9.53,
transform: "translate(728.57 650.46) rotate(-168.98)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 481.84,
y: 344.21,
width: 49.44,
height: 3.09,
transform: "translate(771.29 708.32) rotate(-168.98)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 493.73,
y: 353.08,
width: 36.05,
height: 2.06,
transform: "translate(779.99 725.88) rotate(-168.98)",
fill: "#f55f44"
})
),
_react2.default.createElement("rect", {
x: 495.69,
y: 439.09,
width: 64.38,
height: 104.76,
transform: "translate(-318.38 177) rotate(-23.45)",
fill: "url(#e5bd4efc-3d4a-453d-9559-e76160a17bf3)"
}),
_react2.default.createElement("rect", {
x: 498.15,
y: 440.2,
width: 60.09,
height: 101.21,
transform: "translate(-318.09 177.07) rotate(-23.45)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 524.91,
y: 441.3,
width: 12.88,
height: 9.53,
transform: "translate(167.15 1037.4) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 498.14,
y: 479.64,
width: 49.44,
height: 3.09,
transform: "translate(123.07 1078.7) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 500.88,
y: 489.17,
width: 36.05,
height: 2.06,
transform: "translate(109.27 1087.68) rotate(-113.45)",
fill: "#47e6b1"
})
),
_react2.default.createElement("rect", {
x: 234.62,
y: 284.42,
width: 104.76,
height: 64.38,
transform: "translate(-244.91 21.58) rotate(-16.6)",
fill: "url(#1f2c304b-4956-4e16-8f36-0a16127bea31)"
}),
_react2.default.createElement("rect", {
x: 235.77,
y: 286.19,
width: 101.21,
height: 60.09,
transform: "matrix(0.96, -0.29, 0.29, 0.96, -244.83, 21.38)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 235.89,
y: 303,
width: 12.88,
height: 9.53,
transform: "translate(396.1 459.8) rotate(163.4)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 251.47,
y: 318.83,
width: 49.44,
height: 3.09,
transform: "translate(466.01 474.82) rotate(163.4)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 266.64,
y: 324.34,
width: 36.05,
height: 2.06,
transform: "translate(484.04 482.18) rotate(163.4)",
fill: props.primaryColor
})
),
_react2.default.createElement("rect", {
x: 497.49,
y: 113.83,
width: 64.38,
height: 104.76,
transform: "matrix(0.19, -0.98, 0.98, 0.19, 98.88, 580.71)",
fill: "url(#132bee92-70bf-4f7a-8946-6baf61115962)"
}),
_react2.default.createElement("rect", {
x: 499.26,
y: 114.98,
width: 60.09,
height: 101.21,
transform: "translate(99.2 579.84) rotate(-78.98)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 487.77,
y: 132.89,
width: 12.88,
height: 9.53,
transform: "translate(786.59 293.61) rotate(-168.98)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 493.64,
y: 162.99,
width: 49.44,
height: 3.09,
transform: "translate(829.31 351.47) rotate(-168.98)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 505.53,
y: 171.86,
width: 36.05,
height: 2.06,
transform: "translate(838 369.03) rotate(-168.98)",
fill: "#f55f44"
})
),
_react2.default.createElement("rect", {
x: 507.49,
y: 257.87,
width: 64.38,
height: 104.76,
transform: "translate(-245.29 166.73) rotate(-23.45)",
fill: "url(#190d4067-154d-4acf-a3d4-786604031f46)"
}),
_react2.default.createElement("rect", {
x: 509.94,
y: 258.98,
width: 60.09,
height: 101.21,
transform: "translate(-245 166.8) rotate(-23.45)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 536.7,
y: 260.08,
width: 12.88,
height: 9.53,
transform: "translate(349.9 794.88) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 509.93,
y: 298.42,
width: 49.44,
height: 3.09,
transform: "translate(305.81 836.19) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 512.68,
y: 307.95,
width: 36.05,
height: 2.06,
transform: "translate(292.02 845.16) rotate(-113.45)",
fill: "#47e6b1"
})
),
_react2.default.createElement("circle", { cx: 63.9, cy: 61.26, r: 5.47, fill: "#535461", opacity: 0.25 }),
_react2.default.createElement("circle", { cx: 634.96, cy: 540.36, r: 5.47, fill: "#535461", opacity: 0.25 }),
_react2.default.createElement("circle", { cx: 151.79, cy: 513.16, r: 5.47, fill: "#535461", opacity: 0.25 }),
_react2.default.createElement("circle", { cx: 685.81, cy: 437.02, r: 5.47, fill: "#535461", opacity: 0.25 }),
_react2.default.createElement("circle", { cx: 737.28, cy: 186.1, r: 5.47, fill: "#535461", opacity: 0.25 }),
_react2.default.createElement("polygon", {
points: "333.44 4.87 328.58 4.87 328.58 0 326.59 0 326.59 4.87 321.73 4.87 321.73 6.85 326.59 6.85 326.59 11.71 328.58 11.71 328.58 6.85 333.44 6.85 333.44 4.87",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "146.29 79.4 141.43 79.4 141.43 74.54 139.44 74.54 139.44 79.4 134.58 79.4 134.58 81.39 139.44 81.39 139.44 86.25 141.43 86.25 141.43 81.39 146.29 81.39 146.29 79.4",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "70.16 357.13 65.3 357.13 65.3 352.27 63.31 352.27 63.31 357.13 58.45 357.13 58.45 359.12 63.31 359.12 63.31 363.98 65.3 363.98 65.3 359.12 70.16 359.12 70.16 357.13",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "59.23 159.07 54.36 159.07 54.36 154.2 52.38 154.2 52.38 159.07 47.51 159.07 47.51 161.05 52.38 161.05 52.38 165.92 54.36 165.92 54.36 161.05 59.23 161.05 59.23 159.07",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "11.71 295.17 6.85 295.17 6.85 290.3 4.87 290.3 4.87 295.17 0 295.17 0 297.15 4.87 297.15 4.87 302.01 6.85 302.01 6.85 297.15 11.71 297.15 11.71 295.17",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "867.19 224.99 862.33 224.99 862.33 220.13 860.34 220.13 860.34 224.99 855.48 224.99 855.48 226.98 860.34 226.98 860.34 231.84 862.33 231.84 862.33 226.98 867.19 226.98 867.19 224.99",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "697.76 288.26 692.9 288.26 692.9 283.39 690.91 283.39 690.91 288.26 686.05 288.26 686.05 290.24 690.91 290.24 690.91 295.11 692.9 295.11 692.9 290.24 697.76 290.24 697.76 288.26",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("polygon", {
points: "553.08 117.62 548.21 117.62 548.21 112.76 546.23 112.76 546.23 117.62 541.36 117.62 541.36 119.61 546.23 119.61 546.23 124.47 548.21 124.47 548.21 119.61 553.08 119.61 553.08 117.62",
fill: "#535461",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M440.3,469.38c-3.5,11.36,1.75,24.79,12,30.77,4.29,2.5,9.24,3.77,13.41,6.48,9.05,5.89,12.62,17.19,15.56,27.58,3.37,11.95,6.76,24.58,3.67,36.6-2,7.66-6.45,14.44-9,21.94a45.78,45.78,0,0,0-2.17,19.54c.37,3.5,1.25,7.14,3.64,9.72,3.46,3.73,9,4.29,14,5.19a68.19,68.19,0,0,1,49,38",
transform: "translate(-166.4 -73.64)",
fill: "none",
strokeMiterlimit: 10,
strokeWidth: 2,
stroke: "url(#5b6818eb-4255-4703-a8a1-ad450826a32f)"
}),
_react2.default.createElement("path", {
d: "M441.37,469.38c-3.5,11.36,1.75,24.79,12,30.77,4.29,2.5,9.24,3.77,13.41,6.48,9.05,5.89,12.62,17.19,15.56,27.58,3.37,11.95,6.76,24.58,3.67,36.6-2,7.66-6.45,14.44-9,21.94a45.78,45.78,0,0,0-2.17,19.54c.37,3.5,1.25,7.14,3.64,9.72,3.46,3.73,9,4.29,14,5.19a68.19,68.19,0,0,1,49,38",
transform: "translate(-166.4 -73.64)",
fill: "none",
stroke: "#535461",
strokeMiterlimit: 10,
strokeWidth: 2
}),
_react2.default.createElement("path", {
d: "M573.84,384.5c-8.63,12-17.59,25-18.33,39.77-1.13,22.73,17,41.32,25.17,62.58A74.38,74.38,0,0,1,578.18,545c-4,8.19-9.61,16.32-8.92,25.39.42,5.54,3.19,10.57,5.42,15.66a88.29,88.29,0,0,1-5.12,79.72",
transform: "translate(-166.4 -73.64)",
fill: "none",
strokeMiterlimit: 10,
strokeWidth: 2,
stroke: "url(#f72680a8-1c69-456c-9139-7d75f0ebc6fd)"
}),
_react2.default.createElement("path", {
d: "M574.91,384.5c-8.63,12-17.59,25-18.33,39.77-1.13,22.73,17,41.32,25.17,62.58A74.38,74.38,0,0,1,579.26,545c-4,8.19-9.61,16.32-8.92,25.39.42,5.54,3.19,10.57,5.42,15.66a88.29,88.29,0,0,1-5.12,79.72",
transform: "translate(-166.4 -73.64)",
fill: "none",
stroke: "#535461",
strokeMiterlimit: 10,
strokeWidth: 2
}),
_react2.default.createElement("path", {
d: "M695,492.76l4.17,34c.55,4.52,1,9.45-1.4,13.3-2.3,3.65-6.61,5.39-10,8.09-11,8.85-10,25.85-6.24,39.48s9.28,28.27,4,41.38c-2.18,5.41-6,10-8.91,15a46.07,46.07,0,0,0-5.51,28.58",
transform: "translate(-166.4 -73.64)",
fill: "none",
strokeMiterlimit: 10,
strokeWidth: 2,
stroke: "url(#b4ecf0d7-9b75-430f-acce-e09492370ef4)"
}),
_react2.default.createElement("path", {
d: "M696,492.76l4.17,34c.55,4.52,1,9.45-1.4,13.3-2.3,3.65-6.61,5.39-10,8.09-11,8.85-10,25.85-6.24,39.48s9.28,28.27,4,41.38c-2.18,5.41-6,10-8.91,15a46.07,46.07,0,0,0-5.51,28.58",
transform: "translate(-166.4 -73.64)",
fill: "none",
stroke: "#535461",
strokeMiterlimit: 10,
strokeWidth: 2
}),
_react2.default.createElement(
"g",
{ opacity: 0.7 },
_react2.default.createElement("path", {
d: "M803.22,352.89A100.9,100.9,0,0,0,671.17,257a121.19,121.19,0,0,0,1.29-17.12A100.84,100.84,0,0,0,471,232.63,100.9,100.9,0,0,0,338.9,328.51c0,50.6,37.26,122.57,85.85,135.32l7.55,4.32-4.1,14.06h24.3l-5.28-14.08,7.52-4.3c37.54-9.85,68.31-55.05,80.37-98.44a73.68,73.68,0,0,0,21.51,9.79l7.55,4.32-4.1,14.06h24.3l-5.28-14.08,7.52-4.3a70.36,70.36,0,0,0,16-6.5c6.49,48.65,41,108.06,84.74,119.53l7.55,4.32-4.1,14.06h24.3l-5.28-14.08,7.52-4.3C766,475.46,803.22,403.49,803.22,352.89Z",
transform: "translate(-166.4 -73.64)",
fill: "url(#fe1de1d1-8458-4939-941f-dea050869f88)"
})
),
_react2.default.createElement("polygon", {
points: "289.93 403.41 266.42 403.41 270.53 389.3 284.64 389.3 289.93 403.41",
fill: "#f55f44"
}),
_react2.default.createElement("path", {
d: "M541.57,328.33c0,53.89-43.69,132.85-97.58,132.85s-97.58-79-97.58-132.85a97.58,97.58,0,0,1,195.16,0Z",
transform: "translate(-166.4 -73.64)",
fill: "#f55f44"
}),
_react2.default.createElement("polygon", {
points: "284.64 389.89 270.53 389.89 262.3 385.19 292.87 385.19 284.64 389.89",
fill: "#535461"
}),
_react2.default.createElement("path", {
d: "M408.72,252.5s-41.15,22.34-47,67",
transform: "translate(-166.4 -73.64)",
fill: "#fff",
opacity: 0.1
}),
_react2.default.createElement("polygon", {
points: "417.54 317.63 394.03 317.63 398.14 303.52 412.25 303.52 417.54 317.63",
fill: "#4d8af0"
}),
_react2.default.createElement("path", {
d: "M669.18,242.54c0,53.89-43.69,132.85-97.58,132.85S474,296.44,474,242.54a97.58,97.58,0,1,1,195.16,0Z",
transform: "translate(-166.4 -73.64)",
fill: "#4d8af0"
}),
_react2.default.createElement("polygon", {
points: "412.25 304.11 398.14 304.11 389.91 299.4 420.48 299.4 412.25 304.11",
fill: "#535461"
}),
_react2.default.createElement("path", {
d: "M536.33,166.71s-41.15,22.34-47,67",
transform: "translate(-166.4 -73.64)",
fill: "#fff",
opacity: 0.1
}),
_react2.default.createElement("polygon", {
points: "544.08 427 520.56 427 524.68 412.9 538.78 412.9 544.08 427",
fill: "#3ad29f"
}),
_react2.default.createElement("path", {
d: "M795.72,351.92c0,53.89-43.69,132.85-97.58,132.85s-97.58-79-97.58-132.85a97.58,97.58,0,0,1,195.16,0Z",
transform: "translate(-166.4 -73.64)",
fill: "#3ad29f"
}),
_react2.default.createElement("polygon", {
points: "538.78 413.48 524.68 413.48 516.45 408.78 547.01 408.78 538.78 413.48",
fill: "#535461"
}),
_react2.default.createElement("path", {
d: "M662.86,276.09s-41.15,22.34-47,67",
transform: "translate(-166.4 -73.64)",
fill: "#fff",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 465.87,
y: 653.73,
width: 269.86,
height: 165.85,
transform: "matrix(1, -0.05, 0.05, 1, -203.25, -41.98)",
fill: "url(#b7a7a14d-13e4-460f-98bc-d42561b19638)"
}),
_react2.default.createElement("rect", {
x: 469.12,
y: 657.92,
width: 260.71,
height: 154.78,
transform: "translate(-203.19 -42.05) rotate(-2.93)",
fill: "#eee"
}),
_react2.default.createElement("rect", {
x: 477.81,
y: 675.02,
width: 33.17,
height: 24.55,
transform: "translate(856.85 1274.79) rotate(177.07)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 507.77,
y: 735.5,
width: 127.37,
height: 7.96,
transform: "translate(1013.55 1375.16) rotate(177.07)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 543.2,
y: 754.5,
width: 92.88,
height: 5.31,
transform: "translate(1050.78 1409.55) rotate(177.07)",
fill: props.primaryColor
})
);
};
UndrawNewMessage.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawNewMessage.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawNewMessage;