react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
347 lines (337 loc) • 10.8 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 UndrawOpened = function UndrawOpened(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "060e19aa-3f7d-4f07-aa7e-820f8d371f55",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 870.71 691.21"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "96d5bb21-1965-4d3e-ab37-1bcc7be514e6",
x1: 309.27,
y1: 560.72,
x2: 309.27,
y2: 406.06,
gradientTransform: "matrix(-1, 0, 0, 1, 616.6, 82.28)",
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: "3608cfbe-4e57-42c8-8a3e-2b99e6b6c6a0",
x1: -175.29,
y1: 157.73,
x2: -175.29,
y2: 3.07,
gradientTransform: "matrix(0, -1, -1, 0, 970.73, 29.07)",
xlinkHref: "#96d5bb21-1965-4d3e-ab37-1bcc7be514e6"
}),
_react2.default.createElement("linearGradient", {
id: "f4d6b150-3892-4d6f-bed9-22612cc59583",
x1: -246.29,
y1: 456.25,
x2: -246.29,
y2: 301.59,
gradientTransform: "matrix(0, -1, -1, 0, 1293.26, 304.09)",
xlinkHref: "#96d5bb21-1965-4d3e-ab37-1bcc7be514e6"
}),
_react2.default.createElement("linearGradient", {
id: "675c2575-69c8-4c08-9859-0530d9a94ad2",
x1: 60,
y1: 226.17,
x2: 60,
y2: 71.51,
gradientTransform: "matrix(-1, 0, 0, 1, 436.24, 71.59)",
xlinkHref: "#96d5bb21-1965-4d3e-ab37-1bcc7be514e6"
}),
_react2.default.createElement("linearGradient", {
id: "245258be-8ef2-4163-b815-3fbd211fc334",
x1: 435.66,
y1: 691.21,
x2: 435.66,
y2: 9.21,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#96d5bb21-1965-4d3e-ab37-1bcc7be514e6"
}),
_react2.default.createElement("linearGradient", {
id: "afb36fd3-f298-4117-ba9e-9f0c6a4eccfc",
x1: 435.66,
y1: 544.71,
x2: 435.66,
y2: 69.59,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#96d5bb21-1965-4d3e-ab37-1bcc7be514e6"
}),
_react2.default.createElement("linearGradient", {
id: "9b46ec67-d0ea-45ff-80f1-fe3db7b86030",
x1: 600.3,
y1: 786.69,
x2: 600.3,
y2: 565.96,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#96d5bb21-1965-4d3e-ab37-1bcc7be514e6"
})
),
_react2.default.createElement(
"title",
null,
"opened"
),
_react2.default.createElement("rect", {
x: 181.5,
y: 488.34,
width: 251.66,
height: 154.66,
transform: "translate(-313.48 7.02) rotate(-16.6)",
fill: "url(#96d5bb21-1965-4d3e-ab37-1bcc7be514e6)"
}),
_react2.default.createElement("rect", {
x: 184.26,
y: 492.57,
width: 243.13,
height: 144.34,
transform: "translate(-313.28 6.55) rotate(-16.6)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 184.56,
y: 532.96,
width: 30.93,
height: 22.89,
transform: "translate(382.63 904.55) rotate(163.4)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 221.97,
y: 570.99,
width: 118.78,
height: 7.42,
transform: "translate(550.57 940.64) rotate(163.4)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 258.42,
y: 584.23,
width: 86.61,
height: 4.95,
transform: "translate(593.88 958.32) rotate(163.4)",
fill: "#f55f44"
})
),
_react2.default.createElement("rect", {
x: 812.99,
y: 78.53,
width: 154.66,
height: 251.66,
transform: "translate(354.91 934.8) rotate(-78.98)",
fill: "url(#3608cfbe-4e57-42c8-8a3e-2b99e6b6c6a0)"
}),
_react2.default.createElement("rect", {
x: 817.25,
y: 81.28,
width: 144.34,
height: 243.13,
transform: "translate(355.66 932.7) rotate(-78.98)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 789.65,
y: 124.32,
width: 30.93,
height: 22.89,
transform: "translate(1404.78 318.52) rotate(-168.98)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 803.74,
y: 196.61,
width: 118.78,
height: 7.42,
transform: "translate(1507.41 457.54) rotate(-168.98)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 832.3,
y: 217.92,
width: 86.61,
height: 4.95,
transform: "translate(1528.3 499.71) rotate(-168.98)",
fill: "#f55f44"
})
),
_react2.default.createElement("rect", {
x: 837.01,
y: 424.55,
width: 154.66,
height: 251.66,
transform: "translate(-308.14 304.89) rotate(-23.45)",
fill: "url(#f4d6b150-3892-4d6f-bed9-22612cc59583)"
}),
_react2.default.createElement("rect", {
x: 842.9,
y: 427.21,
width: 144.34,
height: 243.13,
transform: "translate(-307.45 305.05) rotate(-23.45)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 907.2,
y: 429.86,
width: 30.93,
height: 22.89,
transform: "translate(720.31 1358.98) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 842.89,
y: 521.96,
width: 118.78,
height: 7.42,
transform: "translate(614.41 1458.22) rotate(-113.45)",
fill: "#47e6b1"
}),
_react2.default.createElement("rect", {
x: 849.48,
y: 544.85,
width: 86.61,
height: 4.95,
transform: "translate(581.28 1479.77) rotate(-113.45)",
fill: "#47e6b1"
})
),
_react2.default.createElement("rect", {
x: 250.41,
y: 143.1,
width: 251.66,
height: 154.66,
transform: "translate(-216.69 34.06) rotate(-19.53)",
fill: "url(#675c2575-69c8-4c08-9859-0530d9a94ad2)"
}),
_react2.default.createElement("rect", {
x: 253.13,
y: 147.42,
width: 243.13,
height: 144.34,
transform: "translate(-216.5 33.5) rotate(-19.53)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 252.52,
y: 193.23,
width: 30.93,
height: 22.89,
transform: "translate(424.33 203.59) rotate(160.47)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 291.38,
y: 227.07,
width: 118.78,
height: 7.42,
transform: "translate(593.86 226.63) rotate(160.47)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 328.41,
y: 239.26,
width: 86.61,
height: 4.95,
transform: "translate(638.21 240.89) rotate(160.47)",
fill: props.primaryColor
})
),
_react2.default.createElement("polygon", {
points: "435.66 9.21 142.66 285.04 142.66 691.21 728.65 691.21 728.65 285.04 435.66 9.21",
fill: "url(#245258be-8ef2-4163-b815-3fbd211fc334)"
}),
_react2.default.createElement("polygon", {
points: "725.68 682.3 145.63 682.3 145.63 284.38 435.66 14.16 725.68 284.38 725.68 682.3",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 233.73,
y: 69.59,
width: 403.85,
height: 475.12,
fill: "url(#afb36fd3-f298-4117-ba9e-9f0c6a4eccfc)"
}),
_react2.default.createElement("rect", { x: 238.83, y: 73.55, width: 393.65, height: 471.16, fill: "#fff" }),
_react2.default.createElement("polygon", {
points: "145.63 284.38 435.66 483.34 145.63 682.3 145.63 284.38",
fill: "#f5f5f5"
}),
_react2.default.createElement("polygon", {
points: "725.68 284.38 435.66 483.34 725.68 682.3 725.68 284.38",
fill: "#f5f5f5"
}),
_react2.default.createElement("path", {
d: "M310.28,786.69,588.92,569.9a18.39,18.39,0,0,1,22.75,0L890.33,786.69Z",
transform: "translate(-164.65 -104.4)",
fill: "url(#9b46ec67-d0ea-45ff-80f1-fe3db7b86030)"
}),
_react2.default.createElement("path", {
d: "M310.28,786.69,588.92,579.37a19.06,19.06,0,0,1,22.75,0L890.33,786.69Z",
transform: "translate(-164.65 -104.4)",
fill: "#fff"
}),
_react2.default.createElement("rect", { x: 298.56, y: 164.61, width: 82.16, height: 13.86, fill: "#47e6b1" }),
_react2.default.createElement("rect", { x: 298.56, y: 201.24, width: 274.19, height: 13.86, fill: "#f5f5f5" }),
_react2.default.createElement("rect", { x: 298.56, y: 224.99, width: 274.19, height: 13.86, fill: "#f5f5f5" }),
_react2.default.createElement("rect", { x: 298.56, y: 248.75, width: 274.19, height: 13.86, fill: "#f5f5f5" }),
_react2.default.createElement("rect", { x: 298.56, y: 272.5, width: 274.19, height: 13.86, fill: "#f5f5f5" }),
_react2.default.createElement("rect", { x: 298.56, y: 296.26, width: 124.72, height: 13.86, fill: "#f5f5f5" }),
_react2.default.createElement("rect", { x: 448.03, y: 296.26, width: 124.72, height: 13.86, fill: props.primaryColor })
);
};
UndrawOpened.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawOpened.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawOpened;