@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
103 lines (102 loc) • 5.06 kB
JavaScript
import React from 'react';
import { ErrorStateProps } from "./../props/propTypes";
import { ErrorStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class OopsSomethingMiss extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 695.38 500",
name: "OopsSomethingMiss",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorOopsSomethingMiss_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorOopsSomethingMiss_svg__cls-10,.ErrorOopsSomethingMiss_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorOopsSomethingMiss_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorOopsSomethingMiss_svg__cls-8{stroke:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
className: "ErrorOopsSomethingMiss_svg__cls-1",
d: "M280.06 165.76s33.78-54.78 54.77-11 32.87 82.17 94 33.78S515.6 132.89 538.42 163s44.28 286.69-178.94 233.74c0 0-176.65-66.65-79.42-230.98z"
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorOopsSomethingMiss_svg__cls-1",
cx: 237.04,
cy: 373.78,
r: 25.39
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorOopsSomethingMiss_svg__cls-1",
cx: 220.36,
cy: 130.23,
r: 25.39
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorOopsSomethingMiss_svg__cls-1",
cx: 437.82,
cy: 82.86,
r: 12.74
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorOopsSomethingMiss_svg__cls-1",
cx: 286.31,
cy: 419.08,
r: 12.74
}), /*#__PURE__*/React.createElement("circle", {
className: "ErrorOopsSomethingMiss_svg__cls-1",
cx: 520.6,
cy: 407.06,
r: 12.74
}), /*#__PURE__*/React.createElement("path", {
d: "M83.93 402.4c15.42-1.84 27.8-6.31 29.7-15.65 5.51-27.12 61.58-45 222 20.22 0 0 96.06-48.26 96.06-50.09s-55.16-9.2-84.57 36.76c0 0-124.09-38.5-146.61-38.33 0 0 78.59-66.92 96.52-64.16s-62 4.14-111.23 43.2c0 0 104.33 28.47 147.53 48.26 0 0 52.4-46 98.36-35.39 0 0 5-.29 2.44-5.36s-54.62-42.57-131-50.8c0 0 .35-42.82 29.81-78.11 0 0-13.36 24.32 7.54 24.67l8.22-1s-6.51 12.67 4.45 16.79l-1 4.8s8.92-4.8 10.29 1l11.3-1.37s-3.42 5.13-1.71 7.53 13 6.51 13 6.51.68 12.34 3.77 13 6.85-3.77 10.28-1.37 11.64-4.8 13.36-1-.69 10.62 5.14 12 5.13 6.52 4.79 13 3.43 13 8.92 13 9.24 8.91 9.24 8.91 23-38 89.28-44.9c0 0-57.48-40-133.49-64.67 0 0-37.23 3.29-85.85 64 0 0 119.21 25.19 132.88 61.25 0 0 .08 9.46-5.61 11.67 0 0 18.36-3.68 17.63-13s-15-9.66 1.61-23.53 74.15-16.57 77.75-21.1 0-7.23 0-7.23l12.66 11.76-88.92 31.65s-1.21 8.13 7.22 5.72 10.56-27.13 15.08-52.75 15.67-71.74 64.5-81c8.35-1.43 21.64-.84 35.52 0",
strokeWidth: 1.5,
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "none"
}), /*#__PURE__*/React.createElement("path", {
d: "M303.15 291.07S305.8 246.26 333 213c0 0-17.72 26.28 8.37 32.39 0 0 5 9.36 7.36 9.19l2 7.24s6.28-3.87 8.21-1.77 5.8 1.7 9.85.64c0 0-6.43 6.76 13.35 13.83 0 0 1.29 15.33 7.57 14.31s6.57-3.85 10.95-1.76 7.08-2.57 8.69-1.29.64 10.14 5.95 11.1 4.83 8.21 5 18 11.42 6.57 14 9.85 2.57 10.45 2.57 10.45l-2.59 6.76c.6-2.94-61.95-46.94-131.13-50.87z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 395,
cy: 127.76,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 400.27,
cy: 428.72,
rx: 3.54,
ry: 3.51,
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 205.84,
cy: 278.75,
rx: 3.31,
ry: 3.28,
stroke: "var(--zd_emptysvg_tiny_circle)",
strokeMiterlimit: 10,
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 579.94,
cy: 284.02,
rx: 3.31,
ry: 3.28,
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
className: "ErrorOopsSomethingMiss_svg__cls-8",
d: "M257.33 168.47l-.35 6.18M254.04 171.39l6.23.35"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 538.1,
cy: 385.89,
rx: 2.46,
ry: 2.44,
strokeLinecap: "round",
strokeLinejoin: "round",
stroke: "var(--zd_emptysvg_small_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("path", {
className: "ErrorOopsSomethingMiss_svg__cls-10",
d: "M537.16 124.03l4.16 4.61M536.92 128.4l4.65-4.13"
}));
}
}
OopsSomethingMiss.propTypes = ErrorStateProps;
OopsSomethingMiss.defaultProps = { ...ErrorStateDefaultProps,
dataId: 'oopssomethingmiss'
}; // if (__DOCS__) {
// OopsSomethingMiss.docs = {
// componentGroup: 'Emptystate'
// };
// }