react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
403 lines (393 loc) • 11.4 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 UndrawPosts = function UndrawPosts(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "7114f287-f455-48fa-b22d-74c46c20e1b4",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 880 708.57"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "f3037a3a-ca9c-44ad-820d-2abf4b00aaf0",
x1: 440,
y1: 126.86,
x2: 440,
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: "a70f8c99-35f5-49a6-8b7d-4f5214e4d387",
x1: 87.3,
y1: 109.38,
x2: 87.3,
y2: 20.06,
gradientUnits: "userSpaceOnUse"
},
_react2.default.createElement("stop", { offset: 0, stopColor: "#b3b3b3", stopOpacity: 0.25 }),
_react2.default.createElement("stop", { offset: 0.54, stopColor: "#b3b3b3", stopOpacity: 0.1 }),
_react2.default.createElement("stop", { offset: 1, stopColor: "#b3b3b3", stopOpacity: 0.05 })
),
_react2.default.createElement("linearGradient", {
id: "4fd672ca-49a1-4acc-8871-0fd2bc3af50b",
x1: 255.5,
y1: 42.07,
x2: 255.5,
y2: 30.42,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "527de121-8fb9-4e9a-bfeb-6bf3b12ddf98",
x1: 292.17,
y1: 69.25,
x2: 292.17,
y2: 57.6,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "76703a65-20bd-40ee-b936-a2314b4e65bc",
x1: 440,
y1: 321.14,
x2: 440,
y2: 194.29,
xlinkHref: "#f3037a3a-ca9c-44ad-820d-2abf4b00aaf0"
}),
_react2.default.createElement("linearGradient", {
id: "7e06630c-c107-466d-ba5a-d39eb4869e22",
x1: 87.3,
y1: 303.67,
x2: 87.3,
y2: 214.35,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "64024240-2bee-44a2-98f2-c3338fae8d96",
x1: 255.5,
y1: 236.36,
x2: 255.5,
y2: 224.71,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "df6f1b6e-a3ce-456d-88f8-a973e60fd6c1",
x1: 292.17,
y1: 263.54,
x2: 292.17,
y2: 251.89,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "7d6446ca-5878-45bd-af0f-8e2754606c00",
x1: 440,
y1: 514.29,
x2: 440,
y2: 387.43,
xlinkHref: "#f3037a3a-ca9c-44ad-820d-2abf4b00aaf0"
}),
_react2.default.createElement("linearGradient", {
id: "f86c7a62-0867-4bdc-be80-f22c48d46d50",
x1: 87.3,
y1: 496.81,
x2: 87.3,
y2: 407.49,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "34d7a9d4-14f7-4477-9569-e99019787794",
x1: 255.5,
y1: 429.5,
x2: 255.5,
y2: 417.85,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "d49810fe-7d94-46b3-98b2-9fba8eecb6ae",
x1: 292.17,
y1: 456.68,
x2: 292.17,
y2: 445.03,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "2744f56f-2e61-4887-afdf-980f321917da",
x1: 440,
y1: 708.57,
x2: 440,
y2: 581.71,
xlinkHref: "#f3037a3a-ca9c-44ad-820d-2abf4b00aaf0"
}),
_react2.default.createElement("linearGradient", {
id: "695e60e5-3aad-46fe-856e-ca0324095340",
x1: 87.3,
y1: 691.1,
x2: 87.3,
y2: 601.78,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "3817817f-905c-4d93-a739-792a114f5d6c",
x1: 255.5,
y1: 623.78,
x2: 255.5,
y2: 612.13,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
}),
_react2.default.createElement("linearGradient", {
id: "dc613b25-7b46-43c8-b008-a384c95d9aa8",
x1: 292.17,
y1: 650.97,
x2: 292.17,
y2: 639.32,
xlinkHref: "#a70f8c99-35f5-49a6-8b7d-4f5214e4d387"
})
),
_react2.default.createElement(
"title",
null,
"Posts"
),
_react2.default.createElement("rect", {
width: 880,
height: 126.86,
rx: 18.52,
ry: 18.52,
fill: "url(#f3037a3a-ca9c-44ad-820d-2abf4b00aaf0)"
}),
_react2.default.createElement("rect", {
x: 41.32,
y: 20.06,
width: 91.96,
height: 89.32,
rx: 8.35,
ry: 8.35,
fill: "url(#a70f8c99-35f5-49a6-8b7d-4f5214e4d387)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 30.42,
width: 176.93,
height: 11.65,
fill: "url(#4fd672ca-49a1-4acc-8871-0fd2bc3af50b)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 57.6,
width: 250.26,
height: 11.65,
fill: "url(#527de121-8fb9-4e9a-bfeb-6bf3b12ddf98)"
}),
_react2.default.createElement("rect", {
y: 194.29,
width: 880,
height: 126.86,
rx: 18.52,
ry: 18.52,
fill: "url(#76703a65-20bd-40ee-b936-a2314b4e65bc)"
}),
_react2.default.createElement("rect", {
x: 41.32,
y: 214.35,
width: 91.96,
height: 89.32,
rx: 8.35,
ry: 8.35,
fill: "url(#7e06630c-c107-466d-ba5a-d39eb4869e22)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 224.71,
width: 176.93,
height: 11.65,
fill: "url(#64024240-2bee-44a2-98f2-c3338fae8d96)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 251.89,
width: 250.26,
height: 11.65,
fill: "url(#df6f1b6e-a3ce-456d-88f8-a973e60fd6c1)"
}),
_react2.default.createElement("rect", {
y: 387.43,
width: 880,
height: 126.86,
rx: 18.52,
ry: 18.52,
fill: "url(#7d6446ca-5878-45bd-af0f-8e2754606c00)"
}),
_react2.default.createElement("rect", {
x: 41.32,
y: 407.49,
width: 91.96,
height: 89.32,
rx: 8.35,
ry: 8.35,
fill: "url(#f86c7a62-0867-4bdc-be80-f22c48d46d50)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 417.85,
width: 176.93,
height: 11.65,
fill: "url(#34d7a9d4-14f7-4477-9569-e99019787794)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 445.03,
width: 250.26,
height: 11.65,
fill: "url(#d49810fe-7d94-46b3-98b2-9fba8eecb6ae)"
}),
_react2.default.createElement("rect", {
y: 581.71,
width: 880,
height: 126.86,
rx: 18.52,
ry: 18.52,
fill: "url(#2744f56f-2e61-4887-afdf-980f321917da)"
}),
_react2.default.createElement("rect", {
x: 41.32,
y: 601.78,
width: 91.96,
height: 89.32,
rx: 8.35,
ry: 8.35,
fill: "url(#695e60e5-3aad-46fe-856e-ca0324095340)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 612.13,
width: 176.93,
height: 11.65,
fill: "url(#3817817f-905c-4d93-a739-792a114f5d6c)"
}),
_react2.default.createElement("rect", {
x: 167.04,
y: 639.32,
width: 250.26,
height: 11.65,
fill: "url(#dc613b25-7b46-43c8-b008-a384c95d9aa8)"
}),
_react2.default.createElement("rect", {
x: 8,
y: 4.57,
width: 864,
height: 112,
rx: 18.52,
ry: 18.52,
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 48.57,
y: 22.29,
width: 90.29,
height: 78.86,
rx: 8.35,
ry: 8.35,
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 172, y: 31.43, width: 173.71, height: 10.29, fill: "#bdbdbd" }),
_react2.default.createElement("rect", { x: 172, y: 55.43, width: 245.71, height: 10.29, fill: "#e0e0e0" }),
_react2.default.createElement("rect", {
x: 8,
y: 198.86,
width: 864,
height: 112,
rx: 18.52,
ry: 18.52,
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 48.57,
y: 216.57,
width: 90.29,
height: 78.86,
rx: 8.35,
ry: 8.35,
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 172, y: 225.71, width: 173.71, height: 10.29, fill: "#bdbdbd" }),
_react2.default.createElement("rect", { x: 172, y: 249.71, width: 245.71, height: 10.29, fill: "#64ffda" }),
_react2.default.createElement("rect", {
x: 8,
y: 393.14,
width: 864,
height: 112,
rx: 18.52,
ry: 18.52,
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 48.57,
y: 410.86,
width: 90.29,
height: 78.86,
rx: 8.35,
ry: 8.35,
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 172, y: 420, width: 173.71, height: 10.29, fill: "#bdbdbd" }),
_react2.default.createElement("rect", { x: 172, y: 444, width: 245.71, height: 10.29, fill: "#e0e0e0" }),
_react2.default.createElement("rect", {
x: 8,
y: 587.43,
width: 864,
height: 112,
rx: 18.52,
ry: 18.52,
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 48.57,
y: 605.14,
width: 90.29,
height: 78.86,
rx: 8.35,
ry: 8.35,
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 172, y: 614.29, width: 173.71, height: 10.29, fill: "#bdbdbd" }),
_react2.default.createElement("rect", { x: 172, y: 638.29, width: 245.71, height: 10.29, fill: "#64ffda" })
);
};
UndrawPosts.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawPosts.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawPosts;