@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
61 lines (60 loc) • 4.19 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class NetworkError extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "NetworkError",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.NetworkError_svg__cls-2{fill:var(--zd_emptysvg_plus)}.NetworkError_svg__cls-3{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
d: "M83.58 69.05s45.64-29.14 68.74-20.37S191.2 131.25 127 164.36s-93.29-38.91-93.54-51.68c-.27-12.35-.03-41.8 50.12-43.63Z",
style: {
opacity: 0.1,
fill: 'var(--zd_emptysvg_primary_fill)'
}
}), /*#__PURE__*/React.createElement("path", {
className: "NetworkError_svg__cls-2",
d: "M18 111.51a.49.49 0 0 1-.47-.52l.39-6.7a.5.5 0 0 1 .53-.47.51.51 0 0 1 .47.52l-.4 6.71a.5.5 0 0 1-.52.46Z"
}), /*#__PURE__*/React.createElement("path", {
className: "NetworkError_svg__cls-2",
d: "m21.71 108.34-7-.38a.5.5 0 1 1 .06-1l7 .38a.5.5 0 0 1 0 1Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_small_circle)",
d: "M139.6 186.47a3.15 3.15 0 1 1 3.25-3.15 3.2 3.2 0 0 1-3.25 3.15Zm0-5.3a2.15 2.15 0 1 0 2.25 2.15 2.21 2.21 0 0 0-2.25-2.15Z"
}), /*#__PURE__*/React.createElement("path", {
className: "NetworkError_svg__cls-3",
d: "M184.47 146a.46.46 0 0 1-.36-.16l-4.65-5a.49.49 0 0 1 0-.7.51.51 0 0 1 .71 0l4.64 5a.49.49 0 0 1 0 .7.48.48 0 0 1-.34.16Z"
}), /*#__PURE__*/React.createElement("path", {
className: "NetworkError_svg__cls-3",
d: "M179.55 145.75a.52.52 0 0 1-.38-.17.49.49 0 0 1 .05-.7l5.2-4.47a.51.51 0 0 1 .71.05.49.49 0 0 1 0 .7l-5.2 4.47a.52.52 0 0 1-.38.12ZM76.11 31.09a3.31 3.31 0 1 1 3.33-3.31 3.33 3.33 0 0 1-3.33 3.31Zm0-5.62a2.31 2.31 0 1 0 2.33 2.31 2.33 2.33 0 0 0-2.33-2.31Z"
}), /*#__PURE__*/React.createElement("path", {
d: "M156.05 25.35a4.33 4.33 0 1 1 4.37-4.35 4.35 4.35 0 0 1-4.37 4.35Zm0-7.67a3.34 3.34 0 1 0 3.37 3.32 3.36 3.36 0 0 0-3.37-3.32Z",
style: {
fill: 'var(--zd_emptysvg_medium_circle)'
}
}), /*#__PURE__*/React.createElement("path", {
d: "M70.93 54.19S26.22 71.38 35 122.2s73.87 45.48 89.63 29h0a32 32 0 0 0 4.44-5.92c3.32-5.7 10.67-17.76 15.88-22.52 5.83-5.32 21 16.22 24.93 24a3 3 0 0 1-2 4.13c-8.66 1.62-36.29 6.29-37.8.29-1-3.86 2.89-12.52 6.62-19.65a59.16 59.16 0 0 0 6.77-25.33h0c0-20.63-26.22-56.55-55.72-54.26 0 0-14.37 3.48-8.18 13.74S94.32 63.15 94 61.21c-.32-1.76-5.7-3.38-11.3 6.79a6.26 6.26 0 0 1-6.59 3.1c-2.15-.38-4.43-1-5.39-2.07C68.6 66.76 63 71.2 67 74.09s5.15 3.17 3 5.25-8.5 6.33-4.34 8.23 31.3 8.69 35.92.73S63 83.14 58.1 102.82c0 0-3.44 9.45 9.86 12.8s4.07 34 16.47 32c0 0 5.79-1.35 9.14-10 2-5.1 6.88-7.69 9.82-8.38a2.76 2.76 0 0 1 3.38 3.13c-.39 2.41-2.38 6.15-5 7.69-4.71 2.81-4.82-7.32-2.68-10.76s7.45-16 0-21.88-8.47-2.73-8.45-1.55c.09 4.16 11.13 13.93 18 11s10-10.4 9-13.66-8.5-6.69-9.86-4.25 5.16 6.06 12.67 4.34 16.28-.27 15.19 10.14",
style: {
fill: 'none',
stroke: 'var(--zd_emptysvg_primary_stroke)',
strokeLinecap: 'round',
strokeLinejoin: 'round'
}
}), /*#__PURE__*/React.createElement("path", {
d: "M110.51 98.21c6.3 2 8.62 5.37 5 12.94s-12.82 2.44-12.61 5.81-4.17 15-5.29 15.15-6.13 9.57-6.13 9.57-13.37 16.87-14.91-7.39-13.09-12.44-18.26-25.46S71 89.27 71 89.27c13.71 1.28 33.21 7 39.51 8.94ZM168.57 149c-2 4.13-2.42 2.44-9.82 3.42s-24.51 4.24-28.61-1.26c0 0 9.27-27.27 14.85-28.4s25.56 22.07 23.58 26.24Zm-21.85-8a1 1 0 0 0 2 0v-9.24a1 1 0 0 0-2 0Zm3.36 5.4c-.14-1.08-2-1.13-2-1.13-2.72.24-.4 2.8-.4 2.8.71.64 2.54-.64 2.4-1.72Z",
style: {
fill: 'var(--zd_emptysvg_secondary_fill)'
}
}));
}
}
NetworkError.propTypes = EmptyStateProps;
NetworkError.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyNetworkError'
}; // if (__DOCS__) {
// NetworkError.docs = {
// componentGroup: 'Emptystate'
// };
// }