@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
102 lines (101 loc) • 6.79 kB
JavaScript
import React from 'react';
import { ErrorStateProps } from "./../props/propTypes";
import { ErrorStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class Inconvenience extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 622.7 500",
name: "Inconvenience",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorInconvenience_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorInconvenience_svg__cls-10,.ErrorInconvenience_svg__cls-3,.ErrorInconvenience_svg__cls-8{fill:none}.ErrorInconvenience_svg__cls-3{stroke:var(--zd_emptysvg_primary_stroke)}.ErrorInconvenience_svg__cls-10,.ErrorInconvenience_svg__cls-3,.ErrorInconvenience_svg__cls-8{stroke-linecap:round;stroke-linejoin:round}.ErrorInconvenience_svg__cls-3{stroke-width:1.5px}.ErrorInconvenience_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorInconvenience_svg__cls-8{stroke:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
className: "ErrorInconvenience_svg__cls-1",
d: "M128.67 172.1s33.78-54.78 54.78-11 32.87 82.17 94 33.78 86.77-55.65 109.55-25.52S431.32 456 208.1 403.07c0 0-176.66-66.64-79.43-230.97z"
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorInconvenience_svg__cls-1",
cx: 85.66,
cy: 380.12,
r: 25.39
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorInconvenience_svg__cls-1",
cx: 68.97,
cy: 136.56,
r: 25.39
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorInconvenience_svg__cls-1",
cx: 286.44,
cy: 89.2,
r: 12.74
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorInconvenience_svg__cls-1",
cx: 134.93,
cy: 425.42,
r: 12.74
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorInconvenience_svg__cls-1",
cx: 369.22,
cy: 413.4,
r: 12.74
}), /*#__PURE__*/React.createElement("path", {
d: "M234 353.75c5.27-.18 28.47.34 38.93-5.64 11.84-6.77 130.3-4.51 130.3 2.82s-45.69 7.33-2.82 22 120.14-18.05 162.44-2.82 10.15 44.56-6.2 46.25-40.65-27.64-59.84-30.46-77.81 5.1-69.94 13.54 50.2 5.08 57 10.15-26.51 5.08-48.5 6.21-111.73-19.18-95.37-5.64S442.1 426 446 438.92s-103.57-8.39-107-9.87 6.35-4 4.87-7.41-22.66-5.61-24.82 5.15-76 2.43-80.19-1.78 7.19-6.56 7.49-11.7c.67-11.69 49.37-3 49.14-8.42s-47.51-10.53-54.76-11.47-15-9.83-8-14.27S249.7 369.32 245 366c-3.51-2.46-17-2.15-23.36-4 .02 0-6.38-7.61 12.36-8.25z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "ErrorInconvenience_svg__cls-3",
d: "M99.15 319.43l26.19-65.78S95 228.1 92.76 229.06c-2 .87-25.29 62.29-29.4 73.17a2.07 2.07 0 00.91 2.51l35.59 20.34a2.05 2.05 0 002.84-.82c5.91-11.29 35.92-69.73 25.83-73.48-11.18-4.16-38.32-29.7-31-29.7s64.51 39 64.51 39l58.25-34.67c3.35-1 5.34 3.11 5.34 3.11 5.44 4.67 2.41 27.54.14 33.43-1.16 3-4 3.2-6.56 2.67a.87.87 0 00-.74 1.51l6.21 5.17a.94.94 0 001.43-.28c11-20.65 9.11-41.29 8-48.57-.27-1.69-1.61-5.59-3.27-5.16-15.69 4-74.69 38.31-71.25 39.41 3.74 1.2 69.73-36.78 68.4-40.45s-64.4-41.55-61.07-44.55 65.62 47.35 66 44-60.61-50.36-62.28-51-75.9 30.59-79.28 36.86c-1.2 2.21 72.66 57 73.82 54.72s-68.47-55.71-72.73-55.71-48 105.62-49.91 109.87 54.31 44.71 67.32 46.82c7.08 1.14 49.05-99.65 46-101.75-3.26-2.28-57.75 98.67-40.63 103.6 23.78 6.84 59.08-15 61.49-20.36 1-2.26-.58-5.61-2.77-8.72-2.73-3.89-4.37-11-3.79-15.73 5.52-44.6 48.77-48.24 42.05-52.94-7.14-5-15.34 0-15.34 0-24.25 11.5-32.56 37.89-35.35 52.65a16.16 16.16 0 006.38 16.11l38.92 28.23a8.22 8.22 0 008.58.64c41.66-21.38 48.05-58 44-67.1a13.34 13.34 0 00-4-5.28c-5.33-4.26-18.3-9.28-39.64 14.69-19.1 21.46-19.33 38.55-17.3 47.67a8.14 8.14 0 0010.54 5.9c22.73-7.73 42.95-47 41.35-55-1.78-8.92-15.34-8.56-31.74 9.27-7 7.59-11.87 17.14-12.69 23.95a26.74 26.74 0 007.08 21.04c1.86 2.05 5.55 3 5.35 5.12-.46 5.15 22 3.52 26.68 6.79s-5.15 8.66-12.17 13.11.7 13.33 8 14.27 54.52 6.08 54.76 11.47-48.47-3.27-49.14 8.42c-.3 5.14-11.71 7.49-7.49 11.7s78 12.54 80.19 1.78 23.34-8.54 24.82-5.15-8.26 5.93-4.87 7.41S450 451.9 446 438.92s-89.68-15.23-106-28.76 73.33 6.77 95.33 5.64 55.27-1.13 48.5-6.21-49.07-1.69-57-10.15 50.76-16.36 69.94-13.54 43.43 32.15 59.79 30.46 48.51-31 6.2-46.25-119.58 17.49-162.44 2.82 2.82-14.67 2.82-22-118.46-9.59-130.3-2.82c-10.46 6-33.66 5.77-38.93 5.64a3.57 3.57 0 00-2.56.92c-.93.87-1.35 2.24 2.42 3.61 6.29 2.28 32.44 4.44 50.1-1.32s83.84-15.19 86.49 3.14c1.67 11.52 14.72 24 35.26 23.65a12.08 12.08 0 0111.15 6.82c1.7 3.65.89 7.43-9.15 7.93-6.91.35-15.7.19-24.77-.28"
}), /*#__PURE__*/React.createElement("path", {
className: "ErrorInconvenience_svg__cls-3",
d: "M220.6 276.4s-6.91-6.4-8.6-6.4-8.8 2.45-10 5.38 9.05 12 10.76 10.52-13-10.12-14.68-7.87-5.38 4.44-5.38 6.65 7.34 9.78 10.27 9-11.25-8.8-12.47-7.33-5.63 7.09-5.63 9.05 9.54 9.29 12 8.07-14.19-7.09-15.17-4.89a57.09 57.09 0 00-2.44 9.78c0 .73 8.07 5.38 10.52 4.4s-8.56-3.18-10.52-1-2.45 8.32-1.22 10.28 8.31 4.64 8.31 4.64"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 242.54,
cy: 119.05,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 207.81,
cy: 420.01,
rx: 3.54,
ry: 3.51,
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 40.66,
cy: 271.19,
rx: 3.31,
ry: 3.28,
stroke: "var(--zd_emptysvg_tiny_circle)",
strokeMiterlimit: 10,
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 427.47,
cy: 275.31,
rx: 3.31,
ry: 3.28,
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
className: "ErrorInconvenience_svg__cls-8",
d: "M104.87 159.76l-.35 6.18M101.58 162.68l6.23.35"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 425.64,
cy: 317.18,
rx: 2.46,
ry: 2.44,
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "var(--zd_emptysvg_small_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("path", {
className: "ErrorInconvenience_svg__cls-10",
d: "M384.7 115.32l4.16 4.61M384.46 119.69l4.65-4.13"
}));
}
}
Inconvenience.propTypes = ErrorStateProps;
Inconvenience.defaultProps = { ...ErrorStateDefaultProps,
dataId: 'inconvenience'
}; // if (__DOCS__) {
// Inconvenience.docs = {
// componentGroup: 'Emptystate'
// };
// }