react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
255 lines (245 loc) • 9.85 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 UndrawNoData = function UndrawNoData(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "f20e0c25-d928-42cc-98d1-13cc230663ea",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 820.16 780.81"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "07332201-7176-49c2-9908-6dc4a39c4716",
x1: 539.63,
y1: 734.6,
x2: 539.63,
y2: 151.19,
gradientTransform: "translate(-3.62 1.57)",
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: "0ee1ab3f-7ba2-4205-9d4a-9606ad702253",
x1: 540.17,
y1: 180.2,
x2: 540.17,
y2: 130.75,
gradientTransform: "translate(-63.92 7.85)",
xlinkHref: "#07332201-7176-49c2-9908-6dc4a39c4716"
}),
_react2.default.createElement("linearGradient", {
id: "abca9755-bed1-4a97-b027-7f02ee3ffa09",
x1: 540.17,
y1: 140.86,
x2: 540.17,
y2: 82.43,
gradientTransform: "translate(-84.51 124.6) rotate(-12.11)",
xlinkHref: "#07332201-7176-49c2-9908-6dc4a39c4716"
}),
_react2.default.createElement("linearGradient", {
id: "2632d424-e666-4ee4-9508-a494957e14ab",
x1: 476.4,
y1: 710.53,
x2: 476.4,
y2: 127.12,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#07332201-7176-49c2-9908-6dc4a39c4716"
}),
_react2.default.createElement("linearGradient", {
id: "97571ef7-1c83-4e06-b701-c2e47e77dca3",
x1: 476.94,
y1: 156.13,
x2: 476.94,
y2: 106.68,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#07332201-7176-49c2-9908-6dc4a39c4716"
}),
_react2.default.createElement("linearGradient", {
id: "7d32e13e-a0c7-49c4-af0e-066a2f8cb76e",
x1: 666.86,
y1: 176.39,
x2: 666.86,
y2: 117.95,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#07332201-7176-49c2-9908-6dc4a39c4716"
})
),
_react2.default.createElement(
"title",
null,
"no data"
),
_react2.default.createElement("rect", {
x: 317.5,
y: 142.55,
width: 437.02,
height: 603.82,
transform: "translate(-271.22 62.72) rotate(-12.11)",
fill: "#e0e0e0"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 324.89,
y: 152.76,
width: 422.25,
height: 583.41,
transform: "translate(-271.22 62.72) rotate(-12.11)",
fill: "url(#07332201-7176-49c2-9908-6dc4a39c4716)"
})
),
_react2.default.createElement("rect", {
x: 329.81,
y: 157.1,
width: 411.5,
height: 570.52,
transform: "translate(-270.79 62.58) rotate(-12.11)",
fill: "#fafafa"
}),
_react2.default.createElement("rect", {
x: 374.18,
y: 138.6,
width: 204.14,
height: 49.45,
transform: "translate(-213.58 43.93) rotate(-12.11)",
fill: "url(#0ee1ab3f-7ba2-4205-9d4a-9606ad702253)"
}),
_react2.default.createElement("path", {
d: "M460.93,91.9c-15.41,3.31-25.16,18.78-21.77,34.55s18.62,25.89,34,22.58,25.16-18.78,21.77-34.55S476.34,88.59,460.93,91.9ZM470.6,137A16.86,16.86,0,1,1,483.16,117,16.66,16.66,0,0,1,470.6,137Z",
transform: "translate(-189.92 -59.59)",
fill: "url(#abca9755-bed1-4a97-b027-7f02ee3ffa09)"
}),
_react2.default.createElement("rect", {
x: 375.66,
y: 136.55,
width: 199.84,
height: 47.27,
transform: "translate(-212.94 43.72) rotate(-12.11)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M460.93,91.9a27.93,27.93,0,1,0,33.17,21.45A27.93,27.93,0,0,0,460.93,91.9ZM470.17,135a16.12,16.12,0,1,1,12.38-19.14A16.12,16.12,0,0,1,470.17,135Z",
transform: "translate(-189.92 -59.59)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 257.89, y: 116.91, width: 437.02, height: 603.82, fill: "#e0e0e0" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 265.28,
y: 127.12,
width: 422.25,
height: 583.41,
fill: "url(#2632d424-e666-4ee4-9508-a494957e14ab)"
})
),
_react2.default.createElement("rect", { x: 270.65, y: 131.42, width: 411.5, height: 570.52, fill: "#fff" }),
_react2.default.createElement("rect", {
x: 374.87,
y: 106.68,
width: 204.14,
height: 49.45,
fill: "url(#97571ef7-1c83-4e06-b701-c2e47e77dca3)"
}),
_react2.default.createElement("path", {
d: "M666.86,118c-15.76,0-28.54,13.08-28.54,29.22s12.78,29.22,28.54,29.22,28.54-13.08,28.54-29.22S682.62,118,666.86,118Zm0,46.08a16.86,16.86,0,1,1,16.46-16.86A16.66,16.66,0,0,1,666.86,164Z",
transform: "translate(-189.92 -59.59)",
fill: "url(#7d32e13e-a0c7-49c4-af0e-066a2f8cb76e)"
}),
_react2.default.createElement("rect", { x: 377.02, y: 104.56, width: 199.84, height: 47.27, fill: props.primaryColor }),
_react2.default.createElement("path", {
d: "M666.86,118a27.93,27.93,0,1,0,27.93,27.93A27.93,27.93,0,0,0,666.86,118Zm0,44.05A16.12,16.12,0,1,1,683,145.89,16.12,16.12,0,0,1,666.86,162Z",
transform: "translate(-189.92 -59.59)",
fill: props.primaryColor
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", { x: 15.27, y: 737.05, width: 3.76, height: 21.33, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 205.19,
y: 796.65,
width: 3.76,
height: 21.33,
transform: "translate(824.47 540.65) rotate(90)",
fill: "#47e6b1"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", { x: 451.49, width: 3.76, height: 21.33, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 641.4,
y: 59.59,
width: 3.76,
height: 21.33,
transform: "translate(523.63 -632.62) rotate(90)",
fill: "#47e6b1"
})
),
_react2.default.createElement("path", {
d: "M961,832.15a4.61,4.61,0,0,1-2.57-5.57,2.22,2.22,0,0,0,.1-.51h0a2.31,2.31,0,0,0-4.15-1.53h0a2.22,2.22,0,0,0-.26.45,4.61,4.61,0,0,1-5.57,2.57,2.22,2.22,0,0,0-.51-.1h0a2.31,2.31,0,0,0-1.53,4.15h0a2.22,2.22,0,0,0,.45.26,4.61,4.61,0,0,1,2.57,5.57,2.22,2.22,0,0,0-.1.51h0a2.31,2.31,0,0,0,4.15,1.53h0a2.22,2.22,0,0,0,.26-.45,4.61,4.61,0,0,1,5.57-2.57,2.22,2.22,0,0,0,.51.1h0a2.31,2.31,0,0,0,1.53-4.15h0A2.22,2.22,0,0,0,961,832.15Z",
transform: "translate(-189.92 -59.59)",
fill: "#4d8af0",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M326.59,627.09a4.61,4.61,0,0,1-2.57-5.57,2.22,2.22,0,0,0,.1-.51h0a2.31,2.31,0,0,0-4.15-1.53h0a2.22,2.22,0,0,0-.26.45,4.61,4.61,0,0,1-5.57,2.57,2.22,2.22,0,0,0-.51-.1h0a2.31,2.31,0,0,0-1.53,4.15h0a2.22,2.22,0,0,0,.45.26,4.61,4.61,0,0,1,2.57,5.57,2.22,2.22,0,0,0-.1.51h0a2.31,2.31,0,0,0,4.15,1.53h0a2.22,2.22,0,0,0,.26-.45A4.61,4.61,0,0,1,325,631.4a2.22,2.22,0,0,0,.51.1h0a2.31,2.31,0,0,0,1.53-4.15h0A2.22,2.22,0,0,0,326.59,627.09Z",
transform: "translate(-189.92 -59.59)",
fill: "#fdd835",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M855,127.77a4.61,4.61,0,0,1-2.57-5.57,2.22,2.22,0,0,0,.1-.51h0a2.31,2.31,0,0,0-4.15-1.53h0a2.22,2.22,0,0,0-.26.45,4.61,4.61,0,0,1-5.57,2.57,2.22,2.22,0,0,0-.51-.1h0a2.31,2.31,0,0,0-1.53,4.15h0a2.22,2.22,0,0,0,.45.26,4.61,4.61,0,0,1,2.57,5.57,2.22,2.22,0,0,0-.1.51h0a2.31,2.31,0,0,0,4.15,1.53h0a2.22,2.22,0,0,0,.26-.45,4.61,4.61,0,0,1,5.57-2.57,2.22,2.22,0,0,0,.51.1h0a2.31,2.31,0,0,0,1.53-4.15h0A2.22,2.22,0,0,0,855,127.77Z",
transform: "translate(-189.92 -59.59)",
fill: "#fdd835",
opacity: 0.5
}),
_react2.default.createElement("circle", { cx: 812.64, cy: 314.47, r: 7.53, fill: "#f55f44", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 230.73, cy: 746.65, r: 7.53, fill: "#f55f44", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 735.31, cy: 477.23, r: 7.53, fill: "#f55f44", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 87.14, cy: 96.35, r: 7.53, fill: "#4d8af0", opacity: 0.5 }),
_react2.default.createElement("circle", { cx: 7.53, cy: 301.76, r: 7.53, fill: "#47e6b1", opacity: 0.5 })
);
};
UndrawNoData.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawNoData.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawNoData;