@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
72 lines (71 loc) • 6.34 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyLine extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyLine",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#line_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
d: "M254.349 223.031s17.968 28.302 20.17 29.473c2.201 1.172-.48-35.669-.853-37.107-.373-1.438 23.082-1.243 23.366 1.438.284 2.681 0 52.288 0 56.088 0 3.799 34.782 1.455 38.421 2.432 3.64.977 2.433-11.789 1.776-13.458-.657-1.669-26.242-.764-26.242-.764s1.776-10.368 1.438-10.795c-.337-.426-1.438 1.456-1.438 1.456s24.484 0 26.917.391c2.432.391 0-7.652 0-12.18 0-4.527-25.124-2.521-26.899-2.521-1.776 0 1.775-9.854 1.775-10.653 0-.799-5.095-.781-1.775 1.278 3.32 2.06 18.926 0 24.484 0 5.557 0 2.432-8.274 2.432-11.789 0-3.515-52.075-1.953-49.252-2.006 2.823-.054 0 54.49 0 58.112s-6.96 2.325-11.771 2.325c-4.812 0-27.449-35.225-27.449-35.225v34.213c0 2.06-11.506.16-11.878 2.433-.373 2.272 5.876 0 12.535 0 2.467 0-.835-53.265 1.917-56.372 2.504-2.734-8.291-5.966-14.452-4.67-6.161 1.297-2.433 47.353-2.433 53.052 0 5.699-5.326 6.552-8.558 7.102-3.231.55-14.204-13.369-14.204-7.102 0 6.268 4.83 7.102 4.83 7.102 11.079-1.527 9.197-4.368 9.197-9.73v-48.719c0-2.184-11.541-.852-14.027 0-2.485.852 0 43.641 0 45.062 0 1.42-29.419 1.935-29.633 0-.213-1.936 17.01-1.421 19.531-.657 2.521.763 3.178 8.877 2.148 11.683-1.03 2.805-35.208.55-40.943 0-5.734-.551-2.734-59.053 7.422-58.592 10.156.462 6.942 46.909 6.942 46.909s-22.442 37.942-49.714 18.501c0 0 53.265 65.693 123.184 82.577 0 0-192.872-39.202-126.646-169.204 60.544-118.815 260.873-61.059 264.548 42.328 3.675 103.387-139.642 158.409-145.679 156.598-6.036-1.811 0-58.591 0-58.591",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M170.528 216.443c5.948 6.072 3.374 44.174 12.269 45.399 8.895 1.225 19.939-.497 20.187 3.658.249 4.154.515 6.427-2.148 6.693-2.663.267-36.078-.266-36.256-1.402-.177-1.137 0-60.367 5.948-54.348ZM214.878 270.631s-3.285-51.045.834-51.151c4.119-.107 7.865-1.421 7.635 1.171-.231 2.593 1.97 49.359 0 50.46-1.971 1.101-8.469-.48-8.469-.48ZM241.917 271.484s-6.143-52.394 1.634-50.814c7.776 1.58 33.539 40.836 35.722 39.735 2.184-1.101-3.551-39.167 1.279-41.369 10.653-4.776 8.38 49.022 2.184 51.49-6.197 2.467-36.451-36.078-36.451-36.078s4.19 36.93 1.101 36.965c-3.09.036-5.469.071-5.469.071ZM334.226 216.781s-30.628-2.095-31.338.692c-.71 2.788-1.953 52.395 0 54.046 1.953 1.651 32.172 2.486 32.172 1.083 0-1.402 1.971-9.232-.834-9.374-2.806-.142-24.857.408-25.461-.71-.604-1.119.692-13.423 1.403-13.423.71 0 25.815 1.775 25.567-.142-.249-1.918 1.775-10.067-1.652-10.067-3.426 0-23.773 1.544-25.176.142-1.403-1.403 1.119-14.559 2.521-14.559 1.403 0 22.94 3.089 23.224.994.049-2.9-.094-5.801-.426-8.682Z",
fill: "var(--zd_emptysvg_secondary_fill)"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#line_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
fill: "var(--zd_emptysvg_small_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "line_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(110 126)",
d: "M0 0h280.19v266.963H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "line_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(22.5 50)",
d: "M0 0h450v400H0z"
}))));
}
}
EmptyLine.propTypes = EmptyStateProps;
EmptyLine.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyLine'
}; // if (__DOCS__) {
// EmptyLine.docs = {
// componentGroup: 'Emptystate'
// };
// }