@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
53 lines (52 loc) • 3.18 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class Export extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "export",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.cls-2{fill:var(--zd_emptysvg_plus)}.cls-3{fill:var(--zd_emptysvg_medium_circle)}.cls-4{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
d: "M80.46 58s46.65-31.17 70.27-21.79 39.74 88.3-25.92 123.72-95.36-41.62-95.62-55.27C29 91.42 29.19 59.93 80.46 58Z",
style: {
fill: 'var(--zd_emptysvg_primary_fill)',
opacity: 0.1
}
}), /*#__PURE__*/React.createElement("path", {
className: "cls-2",
d: "M14.22 119.11a.51.51 0 0 1-.47-.53l.42-7.47a.48.48 0 0 1 .52-.47.51.51 0 0 1 .47.53l-.41 7.47a.51.51 0 0 1-.53.47Z"
}), /*#__PURE__*/React.createElement("path", {
className: "cls-2",
d: "m18.1 115.58-7.34-.42a.49.49 0 0 1-.47-.52.49.49 0 0 1 .52-.47l7.35.42a.5.5 0 0 1 0 1Z"
}), /*#__PURE__*/React.createElement("path", {
className: "cls-3",
d: "M171.41 22.61a4.75 4.75 0 1 0 4.67 4.74 4.72 4.72 0 0 0-4.67-4.74Zm0 8.5a3.76 3.76 0 1 1 3.68-3.76 3.73 3.73 0 0 1-3.68 3.76ZM124.66 174.88a3.45 3.45 0 1 0 3.39 3.45 3.43 3.43 0 0 0-3.39-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.45 2.43 2.43 0 0 1-2.4 2.45Z"
}), /*#__PURE__*/React.createElement("path", {
className: "cls-4",
d: "M81.16 21.77a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM190.08 131.62a.49.49 0 0 0-.7 0l-2.38 2.11-2.11-2.4a.5.5 0 1 0-.75.65l2.13 2.42-2.38 2.17a.49.49 0 0 0 0 .7.49.49 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.12 2.41a.5.5 0 0 0 .7.05.51.51 0 0 0 .05-.71l-2.13-2.42 2.38-2.16a.49.49 0 0 0 0-.7Z"
}), /*#__PURE__*/React.createElement("path", {
d: "M53.45 128.89c-5.58-3.24-7.84-12.38-4.89-19.6 2.15-5.25 5.78-10.27 11.79-10 12.39.57 9.29 18.31 6.19 18s7-39.72 24.18-38.87 27.48 20.28 24.79 26.76-.62-21.1 26.49-10.39-7.17 48.8-53.72 43.38c-18.44-2.17-28.9-5.84-34.83-9.28Z",
style: {
fill: 'var(--zd_emptysvg_secondary_fill)'
}
}), /*#__PURE__*/React.createElement("path", {
d: "M176 115.21h-68.14l-.52-17.59c5.47-.73 17.21-2.53 14.5 1.58-1 1.51-22.85-18.41-20.3-18S81.32 100 79.86 98.52s15-.73 15-.73l-.37 16.4-42.14 1s-22.72.85-22.13-20.64c.26-9.2 6.89-17.2 16-18.27 5.52-.65 12.12 1.14 18.79 8.89 0 0-10.32 15.21.36-8.69s47.76-37.24 69.31-12.73c23.61 26.86 2.56 38.62 2.38 36.63s2.5-7.37 15.56-1.27c16.91 7.89 11.26 41.8-21 29.29 0 0-54.89 29.46-89.6-5.46",
style: {
fill: 'none',
stroke: 'var(--zd_emptysvg_primary_stroke)',
strokeLinecap: 'round',
strokeLinejoin: 'round'
}
}));
}
}
Export.propTypes = EmptyStateProps;
Export.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyExport'
}; // if (__DOCS__) {
// Export.docs = {
// componentGroup: 'Emptystate'
// };
// }