react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
780 lines (770 loc) • 33.9 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 UndrawNews = function UndrawNews(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "c1beeda2-3973-4ae6-86a9-52f16471172f",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 901.87 622"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "cb4c75d7-b8af-4b7c-b93c-0d81a615737d",
x1: 214.76,
y1: 345.82,
x2: 214.76,
y2: 176.98,
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: "7dbfc0ad-0edd-4962-ae53-3e10f8076a30",
x1: 370.41,
y1: 529.73,
x2: 370.41,
y2: 514.61,
gradientTransform: "translate(-261.96 -454.67) rotate(-3.75)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "2e677a00-ad84-462f-a755-cc915391eaef",
x1: 472.13,
y1: 507.75,
x2: 472.13,
y2: 492.63,
gradientTransform: "translate(-261.96 -454.67) rotate(-3.75)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "6fc9dfcb-959f-45f5-9e30-981ed1ece4ee",
x1: 646.14,
y1: 517.73,
x2: 646.14,
y2: 494.63,
gradientTransform: "translate(-332.83 -332.73) rotate(-13.48)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "39a84653-3cf1-4134-ab42-bf2b0e824fc4",
x1: 557.24,
y1: 563.18,
x2: 557.24,
y2: 548.06,
gradientTransform: "translate(-117.85 -585.68) rotate(10.2)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "7782327f-ae36-4a9a-b462-151375f444b6",
x1: 441.24,
y1: 625.84,
x2: 441.24,
y2: 610.73,
gradientTransform: "translate(-261.96 -454.67) rotate(-3.75)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "8fce74bc-e786-4184-8196-133889bce917",
x1: 662.02,
y1: 559.99,
x2: 662.02,
y2: 536.88,
gradientTransform: "translate(-332.83 -332.73) rotate(-13.48)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "ec4cef39-2f7d-4633-a76d-8aa6eb49d472",
x1: 718.48,
y1: 687.72,
x2: 718.48,
y2: 664.62,
gradientTransform: "translate(-332.83 -332.73) rotate(-13.48)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "a0c3a354-3d2b-4575-9c71-49ce4224960a",
x1: 960.18,
y1: 802.18,
x2: 960.18,
y2: 779.08,
gradientTransform: "translate(-332.83 -332.73) rotate(-13.48)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "40fab73a-0f13-498f-8851-d851c09f96b3",
x1: 576.26,
y1: 650.26,
x2: 576.26,
y2: 635.14,
gradientTransform: "translate(-117.85 -585.68) rotate(10.2)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "0d812ec4-18d3-4fc9-95b5-b567b3aa17d2",
x1: 953.34,
y1: 715.38,
x2: 953.34,
y2: 700.26,
gradientTransform: "translate(-117.85 -585.68) rotate(10.2)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "c67bcd62-ea1d-4e84-87c1-af7379266e5a",
x1: 907.15,
y1: 582.9,
x2: 907.15,
y2: 567.79,
gradientTransform: "translate(-117.85 -585.68) rotate(10.2)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "7fce4d5f-14d9-4f34-a1c1-b993bca17afd",
x1: 1066.36,
y1: 436.94,
x2: 1066.36,
y2: 421.82,
gradientTransform: "translate(-117.85 -585.68) rotate(10.2)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "fb214ff2-ed96-4be0-880a-75de4a76f8f9",
x1: 408.47,
y1: 593.3,
x2: 408.47,
y2: 578.18,
gradientTransform: "translate(-117.85 -585.68) rotate(10.2)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "4d87164c-caac-4a77-9549-821d8d9bfaaa",
x1: 795.18,
y1: 562.41,
x2: 795.18,
y2: 539.31,
gradientTransform: "translate(-261.96 -454.67) rotate(-3.75)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "468c021b-e5c9-4e7f-8066-86a3295c31c0",
x1: 818.98,
y1: 744.95,
x2: 818.98,
y2: 692.09,
gradientTransform: "translate(218.15 -819.06) rotate(27.07)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "2bba3003-1a7c-40bc-8007-601995116a1b",
x1: 1009.63,
y1: 941.57,
x2: 1009.63,
y2: 831.19,
gradientTransform: "matrix(0.9, 0.43, -0.43, 0.9, 289.5, -873.01)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "7d984b9b-79bf-4ccd-9c01-273bb4695a47",
x1: 983.97,
y1: 578.48,
x2: 983.97,
y2: 525.62,
gradientTransform: "matrix(1, -0.01, 0.01, 1, -233.9, -501.24)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "fce4593a-d20b-4d6c-94f1-f929bcf1e06a",
x1: 1058.69,
y1: 659.83,
x2: 1058.69,
y2: 606.97,
gradientTransform: "matrix(1, -0.01, 0.01, 1, -233.9, -501.24)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "e7fad314-c36a-43e5-85d6-709074a63ec6",
x1: 691.97,
y1: 619.33,
x2: 691.97,
y2: 596.23,
gradientTransform: "translate(-261.96 -454.67) rotate(-3.75)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
}),
_react2.default.createElement("linearGradient", {
id: "40600300-78d0-490f-be9f-5cfbcdd9ea47",
x1: 882.74,
y1: 617.51,
x2: 882.74,
y2: 594.41,
gradientTransform: "translate(-261.96 -454.67) rotate(-3.75)",
xlinkHref: "#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
})
),
_react2.default.createElement(
"title",
null,
"news"
),
_react2.default.createElement("rect", { x: 17.58, y: 224.67, width: 75.37, height: 11.45, fill: "#4d8af0" }),
_react2.default.createElement("polygon", {
points: "17.58 235.85 9.05 622 14.38 622 26.19 236.12 17.58 235.85",
fill: "#eee"
}),
_react2.default.createElement("polygon", {
points: "92.94 235.85 101.46 622 96.14 622 84.33 236.12 92.94 235.85",
fill: "#eee"
}),
_react2.default.createElement("polygon", {
points: "33.64 236.12 24.5 622 30.89 622 39.33 235.85 33.64 236.12",
fill: "#e0e0e0"
}),
_react2.default.createElement("polygon", {
points: "78.47 236.12 87.62 622 81.22 622 72.79 235.85 78.47 236.12",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", { x: 31.96, y: 575.13, width: 48.47, height: 5.86, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 30.36, y: 542.64, width: 52.2, height: 5.86, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 31.96, y: 510.68, width: 50.6, height: 5.86, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 31.96, y: 478.19, width: 48.47, height: 5.86, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 31.96, y: 444.64, width: 48.47, height: 5.33, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 33.56, y: 412.68, width: 46.87, height: 6.39, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 33.56, y: 380.72, width: 45.27, height: 4.26, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 35.15, y: 346.64, width: 39.95, height: 6.92, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 35.15, y: 314.68, width: 41.54, height: 5.86, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 35.15, y: 281.66, width: 41.54, height: 6.39, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 37.28, y: 249.17, width: 37.82, height: 6.39, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { y: 202.83, width: 110.78, height: 23.44, fill: "#4d8af0" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("path", {
d: "M254,177,215.47,202.1a7.26,7.26,0,0,0-2.5-3.94,6.37,6.37,0,0,0,.21-3.78,2.37,2.37,0,0,0-.41-1,1.69,1.69,0,0,0-1.51-.42l-6.12.4a3.21,3.21,0,0,0-2,.58c-.86.72-1.12,2.23-2,2.87-.59.42-1.34.38-2,.71-1.41.75-1.72,3-1.83,4.83-.15,2.5-.14,5.44,1.49,7,1.19,1.11,2.84,1,4.34.92l1.51-.12a7.22,7.22,0,0,0,1.2.57v2.13h-.28s-17.27-5-36.24,47.24H169s-2.8,9.5,1.68,7.83c3.9-1.46,4-6.33,3.93-7.55h.26s7.83-22.92,20.13-25.72c0,0,8.95,11.18-5.59,33.54h11.38a17.37,17.37,0,0,0,1.48,7.27c3.35,6.71-6.71,70.44-6.71,70.44h8.39l4.22-21.12.53,21.12h6.15L221,305.29l-.84-48.92V243.7l1.12,1.49V225.62h16.21l2.8-21.8H240a26.38,26.38,0,0,0-.19-4.56l20.9-4.39C264,180.9,254,177,254,177Zm-18.3,27.16-4.9,12.53s-13.42-6.15-18.45-3.91h-.28v-2.66a7.26,7.26,0,0,0,3.61-5.78l20.15-4.23A12.77,12.77,0,0,0,235.69,204.15Z",
transform: "translate(-149.07 -139)",
fill: "url(#cb4c75d7-b8af-4b7c-b93c-0d81a615737d)"
})
),
_react2.default.createElement("path", {
d: "M238.75,207.37s.64-9.24-2.24-7.21-1.64,7.78-1.64,7.78Z",
transform: "translate(-149.07 -139)",
fill: "#fda57d"
}),
_react2.default.createElement("path", {
d: "M171.17,260.07s-2.66,9.05,1.6,7.46,3.73-7.46,3.73-7.46Z",
transform: "translate(-149.07 -139)",
fill: "#fda57d"
}),
_react2.default.createElement("rect", { x: 57.26, y: 72.6, width: 5.86, height: 5.33, fill: "#fda57d" }),
_react2.default.createElement("rect", { x: 52.46, y: 101.9, width: 4.79, height: 23.97, fill: "#4d8af0" }),
_react2.default.createElement("rect", { x: 52.46, y: 101.9, width: 4.79, height: 23.97, opacity: 0.1 }),
_react2.default.createElement("path", {
d: "M59.54,76.07h5.54a5.75,5.75,0,0,1,5.75,5.75v35.79a0,0,0,0,1,0,0h-17a0,0,0,0,1,0,0V81.82A5.75,5.75,0,0,1,59.54,76.07Z",
fill: "#fff"
}),
_react2.default.createElement("circle", { cx: 59.65, cy: 67.54, r: 6.92, fill: "#fda57d" }),
_react2.default.createElement("path", {
d: "M206.06,215.07s-16.51-4.79-34.62,45.27h5.33s7.46-21.84,19.17-24.5c0,0,8.52,10.65-5.33,32h11.19v-7.14a124.62,124.62,0,0,1,4-32.08A26,26,0,0,0,206.06,215.07Z",
transform: "translate(-149.07 -139)",
fill: "#4d8af0"
}),
_react2.default.createElement("path", {
d: "M212.45,215.07v1.6s3.73,16.51,6.92,27.16L221,246V227.32h15.45l2.66-20.77h-4.26L230,218.79S217.24,212.93,212.45,215.07Z",
transform: "translate(-149.07 -139)",
fill: "#4d8af0"
}),
_react2.default.createElement("path", {
d: "M202.86,256.61s-3.2,11.72,0,18.11-6.39,67.11-6.39,67.11h8l11.45-57.26,1.86-28Z",
transform: "translate(-149.07 -139)",
fill: "#333"
}),
_react2.default.createElement("polygon", {
points: "70.84 117.61 71.64 164.21 65.78 202.83 59.92 202.83 57.79 117.61 70.84 117.61",
fill: "#333"
}),
_react2.default.createElement("path", {
d: "M207.59,203.9a2.76,2.76,0,0,1,.52-.62,1.31,1.31,0,0,1,.66-.18c1.45-.12,3.12-.15,4-1.52a5.5,5.5,0,0,0,.44-4,2.25,2.25,0,0,0-.39-1,1.61,1.61,0,0,0-1.44-.4l-5.83.38a3.06,3.06,0,0,0-1.87.55c-.82.69-1.06,2.12-1.92,2.74-.57.4-1.28.36-1.88.68-1.34.71-1.63,2.83-1.74,4.6-.14,2.38-.14,5.18,1.42,6.63,1.13,1.06,2.7,1,4.13.88l2.66-.22a1.23,1.23,0,0,0,.75-.23,2,2,0,0,0,.36-1.59c-.07-1.34-.21-2.86-1.09-3.68a3.45,3.45,0,0,1-.57-.54C204.85,204.9,207.09,204.56,207.59,203.9Z",
transform: "translate(-149.07 -139)",
fill: "#333"
}),
_react2.default.createElement("path", {
d: "M252.13,181s9.59,3.73,6.39,17l-43.14,9.05v-2.13Z",
transform: "translate(-149.07 -139)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", { x: 17.84, y: 226, width: 75.1, height: 2.13, opacity: 0.1 }),
_react2.default.createElement("rect", { x: 30.09, y: 376.2, width: 5.86, height: 1.07, opacity: 0.1 }),
_react2.default.createElement("rect", { x: 75.9, y: 376.2, width: 5.86, height: 1.07, opacity: 0.1 }),
_react2.default.createElement("rect", { x: 17.58, y: 367.41, width: 75.1, height: 9.05, fill: "#eee" }),
_react2.default.createElement("polygon", {
points: "151.15 38.35 151.9 37.97 151.72 37.95 151.78 37.91 151.67 37.94 131.03 35.27 131.47 42.1 132.12 48.16 133.39 47.51 134.57 50.19 151.15 38.35",
fill: "url(#7dbfc0ad-0edd-4962-ae53-3e10f8076a30)"
}),
_react2.default.createElement("polygon", {
points: "132.16 41.97 132.76 47.52 151.21 38.17 135.19 38.52 132.16 41.97",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "132.16 41.97 132.76 47.52 151.21 38.17 135.19 38.52 132.16 41.97",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "131.75 35.72 151.21 38.17 132.16 41.97 131.75 35.72",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "135.04 49.36 151.1 38.11 132.48 43.65 135.04 49.36",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "251.22 9.76 251.97 9.38 251.79 9.35 251.85 9.31 251.74 9.35 231.09 6.68 231.54 13.51 232.19 19.57 233.46 18.92 234.64 21.6 251.22 9.76",
fill: "url(#2e677a00-ad84-462f-a755-cc915391eaef)"
}),
_react2.default.createElement("polygon", {
points: "232.23 13.38 232.83 18.93 251.28 9.58 235.26 9.93 232.23 13.38",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "232.23 13.38 232.83 18.93 251.28 9.58 235.26 9.93 232.23 13.38",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "231.82 7.13 251.28 9.58 232.23 13.38 231.82 7.13",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "235.11 20.77 251.17 9.52 232.55 15.05 235.11 20.77",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "426.55 0.84 427.58 0.07 427.31 0.08 427.38 0 427.23 0.08 395.44 1.39 397.88 11.57 400.42 20.52 402.17 19.21 404.63 22.94 426.55 0.84",
fill: "url(#6fc9dfcb-959f-45f5-9e30-981ed1ece4ee)"
}),
_react2.default.createElement("polygon", {
points: "398.89 11.19 401.22 19.39 426.6 0.54 402.56 5.21 398.89 11.19",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "398.89 11.19 401.22 19.39 426.6 0.54 402.56 5.21 398.89 11.19",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "396.66 1.88 426.6 0.54 398.89 11.19 396.66 1.88",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "405.13 21.58 426.42 0.48 399.8 13.63 405.13 21.58",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "342.16 58.41 342.98 58.22 342.81 58.16 342.88 58.13 342.76 58.13 323.37 50.57 322.16 57.31 321.33 63.34 322.72 63.02 323.21 65.9 342.16 58.41",
fill: "url(#39a84653-3cf1-4134-ab42-bf2b0e824fc4)"
}),
_react2.default.createElement("polygon", {
points: "322.86 57.35 322.1 62.87 342.26 58.25 326.63 54.73 322.86 57.35",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "322.86 57.35 322.1 62.87 342.26 58.25 326.63 54.73 322.86 57.35",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "323.97 51.18 342.26 58.25 322.86 57.35 323.97 51.18",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "323.87 65.21 342.17 58.16 322.76 59.05 323.87 65.21",
fill: props.primaryColor
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("polygon", {
points: "228.13 129.63 228.87 129.24 228.7 129.22 228.75 129.18 228.64 129.21 208 126.54 208.45 133.38 209.1 139.43 210.37 138.78 211.54 141.46 228.13 129.63",
fill: "url(#7782327f-ae36-4a9a-b462-151375f444b6)"
}),
_react2.default.createElement("polygon", {
points: "209.14 133.25 209.74 138.79 228.19 129.44 212.17 129.79 209.14 133.25",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "209.14 133.25 209.74 138.79 228.19 129.44 212.17 129.79 209.14 133.25",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "208.73 126.99 228.19 129.44 209.14 133.25 208.73 126.99",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "212.02 140.63 228.08 129.38 209.46 134.92 212.02 140.63",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.2 },
_react2.default.createElement("polygon", {
points: "451.84 38.23 452.87 37.45 452.6 37.46 452.68 37.39 452.52 37.47 420.74 38.77 423.18 48.95 425.71 57.91 427.46 56.6 429.93 60.33 451.84 38.23",
fill: "url(#8fce74bc-e786-4184-8196-133889bce917)"
}),
_react2.default.createElement("polygon", {
points: "424.18 48.58 426.51 56.77 451.89 37.93 427.85 42.6 424.18 48.58",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "424.18 48.58 426.51 56.77 451.89 37.93 427.85 42.6 424.18 48.58",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "421.95 39.27 451.89 37.93 424.18 48.58 421.95 39.27",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "430.42 58.97 451.71 37.87 425.09 51.02 430.42 58.97",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.3 },
_react2.default.createElement("polygon", {
points: "536.52 149.29 537.54 148.52 537.27 148.53 537.35 148.45 537.19 148.53 505.41 149.84 507.85 160.02 510.39 168.98 512.13 167.66 514.6 171.4 536.52 149.29",
fill: "url(#ec4cef39-2f7d-4633-a76d-8aa6eb49d472)"
}),
_react2.default.createElement("polygon", {
points: "508.85 159.64 511.18 167.84 536.57 148.99 512.52 153.66 508.85 159.64",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "508.85 159.64 511.18 167.84 536.57 148.99 512.52 153.66 508.85 159.64",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "506.62 150.33 536.57 148.99 508.85 159.64 506.62 150.33",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "515.09 170.03 536.38 148.94 509.76 162.08 515.09 170.03",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.3 },
_react2.default.createElement("polygon", {
points: "798.23 204.28 799.26 203.5 798.99 203.51 799.07 203.44 798.91 203.51 767.13 204.82 769.57 215 772.1 223.96 773.85 222.65 776.31 226.38 798.23 204.28",
fill: "url(#a0c3a354-3d2b-4575-9c71-49ce4224960a)"
}),
_react2.default.createElement("polygon", {
points: "770.57 214.63 772.9 222.82 798.28 203.97 774.24 208.64 770.57 214.63",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "770.57 214.63 772.9 222.82 798.28 203.97 774.24 208.64 770.57 214.63",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "768.34 205.32 798.28 203.97 770.57 214.63 768.34 205.32",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "776.81 225.02 798.1 203.92 771.48 217.06 776.81 225.02",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("polygon", {
points: "345.46 147.49 346.28 147.29 346.11 147.23 346.18 147.2 346.06 147.21 326.67 139.64 325.46 146.38 324.63 152.42 326.01 152.09 326.51 154.97 345.46 147.49",
fill: "url(#40fab73a-0f13-498f-8851-d851c09f96b3)"
}),
_react2.default.createElement("polygon", {
points: "326.16 146.42 325.4 151.94 345.56 147.32 329.93 143.8 326.16 146.42",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "326.16 146.42 325.4 151.94 345.56 147.32 329.93 143.8 326.16 146.42",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "327.27 140.25 345.56 147.32 326.16 146.42 327.27 140.25",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "327.17 154.29 345.47 147.24 326.06 148.12 327.17 154.29",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("polygon", {
points: "705.04 278.34 705.86 278.15 705.7 278.08 705.76 278.06 705.64 278.06 686.26 270.5 685.04 277.24 684.21 283.27 685.6 282.94 686.1 285.83 705.04 278.34",
fill: "url(#0d812ec4-18d3-4fc9-95b5-b567b3aa17d2)"
}),
_react2.default.createElement("polygon", {
points: "685.74 277.28 684.99 282.8 705.15 278.18 689.51 274.66 685.74 277.28",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "685.74 277.28 684.99 282.8 705.15 278.18 689.51 274.66 685.74 277.28",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "686.85 271.11 705.15 278.18 685.74 277.28 686.85 271.11",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "686.75 285.14 705.05 278.09 685.65 278.98 686.75 285.14",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("polygon", {
points: "683.05 139.79 683.87 139.59 683.7 139.53 683.77 139.5 683.65 139.51 664.26 131.94 663.05 138.68 662.22 144.72 663.61 144.39 664.11 147.27 683.05 139.79",
fill: "url(#c67bcd62-ea1d-4e84-87c1-af7379266e5a)"
}),
_react2.default.createElement("polygon", {
points: "663.75 138.72 662.99 144.24 683.16 139.62 667.52 136.1 663.75 138.72",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "663.75 138.72 662.99 144.24 683.16 139.62 667.52 136.1 663.75 138.72",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "664.86 132.56 683.16 139.62 663.75 138.72 664.86 132.56",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "664.76 146.59 683.06 139.54 663.65 140.42 664.76 146.59",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.2 },
_react2.default.createElement("polygon", {
points: "865.59 24.32 866.41 24.13 866.25 24.07 866.31 24.04 866.19 24.05 846.8 16.48 845.59 23.22 844.76 29.26 846.15 28.93 846.65 31.81 865.59 24.32",
fill: "url(#7fce4d5f-14d9-4f34-a1c1-b993bca17afd)"
}),
_react2.default.createElement("polygon", {
points: "846.29 23.26 845.53 28.78 865.7 24.16 850.06 20.64 846.29 23.26",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "846.29 23.26 845.53 28.78 865.7 24.16 850.06 20.64 846.29 23.26",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "847.4 17.09 865.7 24.16 846.29 23.26 847.4 17.09",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "847.3 31.13 865.6 24.07 846.2 24.96 847.3 31.13",
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.2 },
_react2.default.createElement("polygon", {
points: "190.41 61.71 191.23 61.52 191.06 61.45 191.13 61.43 191.01 61.43 171.62 53.87 170.41 60.61 169.57 66.64 170.97 66.31 171.46 69.2 190.41 61.71",
fill: "url(#fb214ff2-ed96-4be0-880a-75de4a76f8f9)"
}),
_react2.default.createElement("polygon", {
points: "171.11 60.65 170.35 66.17 190.51 61.55 174.88 58.03 171.11 60.65",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "171.11 60.65 170.35 66.17 190.51 61.55 174.88 58.03 171.11 60.65",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "172.22 54.48 190.51 61.55 171.11 60.65 172.22 54.48",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "172.12 68.51 190.42 61.46 171.01 62.35 172.12 68.51",
fill: props.primaryColor
})
),
_react2.default.createElement("polygon", {
points: "581.82 37.19 582.96 36.6 582.69 36.56 582.78 36.5 582.61 36.55 551.06 32.47 551.75 42.92 552.74 52.18 554.68 51.17 556.48 55.27 581.82 37.19",
fill: "url(#4d87164c-caac-4a77-9549-821d8d9bfaaa)"
}),
_react2.default.createElement("polygon", {
points: "552.8 42.72 553.71 51.19 581.91 36.9 557.43 37.44 552.8 42.72",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "552.8 42.72 553.71 51.19 581.91 36.9 557.43 37.44 552.8 42.72",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "552.17 33.16 581.91 36.9 552.8 42.72 552.17 33.16",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "557.2 54.01 581.75 36.81 553.29 45.27 557.2 54.01",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "655.27 198.78 658.21 198.96 657.72 198.58 657.97 198.56 657.57 198.46 600.37 153.47 589.47 174.79 580.56 194.15 585.55 194.45 584.29 204.61 655.27 198.78",
fill: "url(#468c021b-e5c9-4e7f-8066-86a3295c31c0)"
}),
_react2.default.createElement("polygon", {
points: "591.77 175.63 583.64 193.34 655.8 198.33 607.06 170.69 591.77 175.63",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "591.77 175.63 583.64 193.34 655.8 198.33 607.06 170.69 591.77 175.63",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "601.74 156.13 655.8 198.33 591.77 175.63 601.74 156.13",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "587.17 202.98 655.57 197.96 589.73 181.22 587.17 202.98",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "895.72 369.08 901.87 369.28 900.83 368.51 901.33 368.45 900.5 368.27 778.26 277.98 756.86 323.18 739.49 364.14 749.91 364.47 747.93 385.74 895.72 369.08",
fill: "url(#2bba3003-1a7c-40bc-8007-601995116a1b)"
}),
_react2.default.createElement("polygon", {
points: "761.72 324.79 745.86 362.27 896.8 368.12 793.31 313.5 761.72 324.79",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "761.72 324.79 745.86 362.27 896.8 368.12 793.31 313.5 761.72 324.79",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "781.29 283.45 896.8 368.12 761.72 324.79 781.29 283.45",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "753.85 382.16 896.29 367.35 757.82 336.59 753.85 382.16",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "791.07 25.22 793.75 24 793.14 23.89 793.35 23.76 792.95 23.86 721.35 10.84 721.69 34.79 722.86 56.06 727.41 54 731.05 63.57 791.07 25.22",
fill: "url(#7d984b9b-79bf-4ccd-9c01-273bb4695a47)"
}),
_react2.default.createElement("polygon", {
points: "724.12 34.45 725.21 53.91 791.33 24.57 735.32 22.93 724.12 34.45",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "724.12 34.45 725.21 53.91 791.33 24.57 735.32 22.93 724.12 34.45",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "723.81 12.55 791.33 24.57 724.12 34.45 723.81 12.55",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "732.84 60.78 790.95 24.35 724.93 40.35 732.84 60.78",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "866.94 105.49 869.63 104.28 869.02 104.17 869.22 104.03 868.83 104.13 797.23 91.11 797.57 115.06 798.74 136.33 803.29 134.28 806.93 143.84 866.94 105.49",
fill: "url(#fce4593a-d20b-4d6c-94f1-f929bcf1e06a)"
}),
_react2.default.createElement("polygon", {
points: "800 114.73 801.08 134.19 867.2 104.85 811.19 103.21 800 114.73",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "800 114.73 801.08 134.19 867.2 104.85 811.19 103.21 800 114.73",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "799.68 92.83 867.2 104.85 800 114.73 799.68 92.83",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "808.72 141.05 866.82 104.63 800.81 120.62 808.72 141.05",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "482.55 100.73 483.7 100.14 483.43 100.11 483.51 100.05 483.34 100.1 451.8 96.02 452.49 106.46 453.47 115.72 455.41 114.72 457.21 118.82 482.55 100.73",
fill: "url(#e7fad314-c36a-43e5-85d6-709074a63ec6)"
}),
_react2.default.createElement("polygon", {
points: "453.54 106.27 454.45 114.73 482.65 100.45 458.17 100.99 453.54 106.27",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "453.54 106.27 454.45 114.73 482.65 100.45 458.17 100.99 453.54 106.27",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "452.91 96.71 482.65 100.45 453.54 106.27 452.91 96.71",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "457.93 117.56 482.48 100.36 454.02 108.82 457.93 117.56",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "672.79 86.44 673.93 85.85 673.67 85.81 673.75 85.75 673.58 85.8 642.04 81.72 642.72 92.17 643.71 101.43 645.65 100.43 647.45 104.52 672.79 86.44",
fill: "url(#40600300-78d0-490f-be9f-5cfbcdd9ea47)"
}),
_react2.default.createElement("polygon", {
points: "643.78 91.97 644.69 100.44 672.89 86.15 648.41 86.69 643.78 91.97",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "643.78 91.97 644.69 100.44 672.89 86.15 648.41 86.69 643.78 91.97",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "643.15 82.42 672.89 86.15 643.78 91.97 643.15 82.42",
fill: props.primaryColor
}),
_react2.default.createElement("polygon", {
points: "648.17 103.26 672.72 86.06 644.26 94.53 648.17 103.26",
fill: props.primaryColor
})
);
};
UndrawNews.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawNews.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawNews;