@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
67 lines (66 loc) • 3.5 kB
JavaScript
import React from 'react';
import { ErrorStateProps } from "./../props/propTypes";
import { ErrorStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class NotImpossible extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 316.9 200",
name: "NotImpossible",
...this.props
}, /*#__PURE__*/React.createElement("style", null, '.NotImpossible_svg__st2{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.NotImpossible_svg__st4{fill:none;stroke:var(--zd_emptysvg_cross);stroke-miterlimit:10}.NotImpossible_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}'), /*#__PURE__*/React.createElement("path", {
d: "M174 53.9s46.9-30.9 70.7-21.6 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13-.1-44.2 51.5-46.1z",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("circle", {
cx: 243.5,
cy: 23.1,
fill: "none",
stroke: "var(--zd_emptysvg_medium_circle)",
strokeMiterlimit: 10,
r: 3.5
}), /*#__PURE__*/React.createElement("circle", {
className: "NotImpossible_svg__st2",
cx: 167.1,
cy: 21,
r: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "NotImpossible_svg__st3",
d: "M110.7 72.3l-.3 6.1M107.4 75.2l6.3.3"
}), /*#__PURE__*/React.createElement("circle", {
cx: 253.3,
cy: 145.5,
fill: "none",
stroke: "var(--zd_emptysvg_small_circle)",
strokeLinecap: "round",
strokeLinejoin: "round",
r: 2.4
}), /*#__PURE__*/React.createElement("path", {
className: "NotImpossible_svg__st4",
d: "M134 157.2l4.1 4.6M133.7 161.5l4.7-4.1"
}), /*#__PURE__*/React.createElement("circle", {
cx: 209.7,
cy: 179.2,
fill: "#e46370",
r: 2.1
}), /*#__PURE__*/React.createElement("path", {
d: "M16 140.6s46.9 7 49.7-6.6 30.8-22.5 110.9 10.1c0 0 48-24.1 48-25s-27.6-4.6-42.2 18.4c0 0-62-19.2-73.2-19.2 0 0 39.3-33.4 48.2-32s-31 2.1-55.6 21.6c0 0 52.1 14.2 73.7 24.1 0 0 26.2-23 49.1-17.7 0 0 2.5-.1 1.2-2.7s-27.3-21.3-65.4-25.5c0 0 .2-21.4 14.9-39 0 0-6.7 12.2 3.8 12.3l4.1-.5s-3.2 6.3 2.2 8.4l-.5 2.4s4.4-2.4 5.1.5l5.6-.7s-1.7 2.6-.9 3.8 6.5 3.2 6.5 3.2.3 6.2 1.9 6.5 3.4-1.9 5.1-.7 5.8-2.4 6.7-.5-.4 5.3 2.6 6 2.6 3.3 2.4 6.5 1.7 6.5 4.4 6.5 4.6 4.4 4.6 4.4 11.5-19 44.6-22.4c-20.7-13.7-43.1-24.5-66.7-32.3 0 0-18.6 1.6-42.9 32 0 0 59.6 12.6 66.4 30.6 0 0 0 4.7-2.8 5.8 0 0 9.2-1.8 8.8-6.5s-7.5-4.8.8-11.8 37-8.3 38.8-10.5 0-3.6 0-3.6l6.3 5.9-44.4 15.8s-.6 4.1 3.6 2.9 5.3-13.6 7.5-26.3 7.8-35.8 32.2-40.5c4.2-.7 10.8-.4 17.7 0",
fill: "none",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 0.5,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M160.3 86.3s1.3-22.4 14.9-39c0 0-8.9 13.1 4.2 16.2 0 0 2.5 4.7 3.7 4.6l1 3.6s3.1-1.9 4.1-.9 2.9.8 4.9.3c0 0-3.2 3.4 6.7 6.9 0 0 .6 7.6 3.8 7.2s3.3-1.9 5.5-.9 3.5-1.3 4.3-.6.3 5.1 3 5.5 2.4 4.1 2.5 9 5.7 3.3 7 4.9 1.3 5.2 1.3 5.2l-1.3 3.4c.2-1.5-31-23.5-65.6-25.4z",
fill: "var(--zd_emptysvg_secondary_fill)"
}));
}
}
NotImpossible.propTypes = ErrorStateProps;
NotImpossible.defaultProps = { ...ErrorStateDefaultProps,
dataId: 'emptyAccounts'
}; // if (__DOCS__) {
// NotImpossible.docs = {
// componentGroup: 'Emptystate'
// };
// }