@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
81 lines (80 loc) • 3.68 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyError extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "EmptyError",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyError_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyError_svg__cls-3,.EmptyError_svg__cls-4,.EmptyError_svg__cls-5{fill:none}.EmptyError_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyError_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyError_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyError_svg_fill{fill: #DE3535;opacity: 0.3}.EmptyError_svg_line{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}')), /*#__PURE__*/React.createElement("path", {
class: "EmptyError_svg__cls-1",
d: "M217.5,155.3c0,0,113.7-75.3,171.3-52.6s96.9,213.4-63.2,298.9S93.2,301,92.6,268 C92,236.1,92.6,160,217.5,155.3z"
}), /*#__PURE__*/React.createElement("path", {
class: "EmptyError_svg_line",
d: "M133.8,379.6c0,0-13.4-217.8,0-222.6c11.4-4.1,189-1.2,240.6-0.3c7.8,0.1,14,6.5,14,14.2V201l-235.8,2.3 l105.1-3.3c5.3-0.3,9.8-0.2,12.8,4.2c15.4,23.3,61.8,95.7,47.1,100.6c-17.5,5.8-114.1,8.3-116.2-2.6c-3.2-17.3,57-96.4,63.5-97.6 s122.2,3.2,123.6,6.6s10.3,168.7,2,173.6s-251,5.9-252.4-1.5s0-218.3,0-218.3"
}), /*#__PURE__*/React.createElement("path", {
class: "EmptyError_svg_fill",
d: "M330.7,289.8c-1.9-5.8-33.8-78.7-47.9-85.8s-65.2,83.6-69.2,93.4s17.9,10.6,17.9,10.6s82.7,0.6,91.9-1.8 S332.6,295.6,330.7,289.8z M274.7,249.9c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v23c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5V249.9z M275.4,290.6c0,0-5.8-6.4,1-7c0,0,4.7,0.1,5,2.8S277.2,292.3,275.4,290.6L275.4,290.6z"
}), /*#__PURE__*/React.createElement("ellipse", {
class: "st1",
cx: "419.9",
cy: "378.9",
rx: "6",
ry: "5.9",
stroke: "var(--zd_emptysvg_small_circle)",
"stroke-linecap": "round",
"stroke-linejoin": "round",
fill: "none"
}), /*#__PURE__*/React.createElement("line", {
class: "EmptyFrame_svg__cls-3",
x1: "162.2",
y1: "412.4",
x2: "172.3",
y2: "423.6"
}), /*#__PURE__*/React.createElement("line", {
class: "EmptyFrame_svg__cls-3",
x1: "161.6",
y1: "423",
x2: "172.9",
y2: "413"
}), /*#__PURE__*/React.createElement("ellipse", {
class: "st4",
cx: "396",
cy: "80",
rx: "8.6",
ry: "8.6",
"stroke-miterlimit": "10",
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
class: "EmptyFrame_svg__cls-5",
cx: "210.8",
cy: "74.9",
rx: "5.1",
ry: "5.1"
}), /*#__PURE__*/React.createElement("line", {
class: "EmptyFrame_svg__cls-4",
x1: "70.4",
y1: "274.5",
x2: "69.6",
y2: "289.6"
}), /*#__PURE__*/React.createElement("line", {
class: "EmptyFrame_svg__cls-4",
x1: "62.4",
y1: "281.6",
x2: "77.5",
y2: "282.5"
}));
}
}
EmptyError.propTypes = EmptyStateProps;
EmptyError.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'EmptyError',
palette: 'danger'
}; // if (__DOCS__) {
// EmptyError.docs = {
// componentGroup: 'Emptystate'
// };
// }