@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
68 lines (67 loc) • 3.87 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptySnippet extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "snippet",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptySnippet_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySnippet_svg__cls-3,.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5,.EmptySnippet_svg__cls-7,.EmptySnippet_svg__cls-8{fill:none}.EmptySnippet_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySnippet_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySnippet_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 156.04,
cy: 31.69,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptySnippet_svg__cls-3",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySnippet_svg__cls-4",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptySnippet_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySnippet_svg__cls-7",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySnippet_svg__cls-6",
d: "M119.87 139.21s-11.87-8.72 1.14-35c13.82-27.89 38.05-42 47.15-31.63 4.7 5.42-31.72 67.7-48.29 66.63z"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySnippet_svg__cls-5",
d: "M107.71 147.22l-31.65 6s-7.53-9.06-5-52.27c1.32-22.39-8.82-32.16-8.82-32.16L128.41 55s6.26 11.49 3.83 27.54C129.6 100 115.6 102.17 116.78 134a1.14 1.14 0 002.15.38c5.62-11.24 24.49-47.73 35-52.54 0 0-38.4 48.36-37.33 71.47 0 0 4.51-11.69 4.56-13.86.06-2.47-4.9-2.75-3.87 0s16.48-3.56 29.8-25.06 27.17-36.09 19.56-43.9c-11.08-11.37-44.18 23-49.23 42.72-5.82 22.72 1.45 26.5 5.41 27.16s12.66-8.83 12.66-8.83 2.14 9.75 4.22 11.94l-16.38 2.91"
}), /*#__PURE__*/React.createElement("path", {
d: "M123.26 116.23s3.32-11.21 10.42-19.74",
stroke: "var(--zd_emptysvg_circle_fill)",
strokeWidth: 3,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySnippet_svg__cls-6",
d: "M94.37 100.23s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.12-8.49 8 0 .02-.47-8.52-9.43-8zM88.34 121.72s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.11-8.49 8 0 .02-.47-8.51-9.43-8zM83.26 107s5.38-.77 5.38-5.79c0 0 0 5.68 4.79 5.79 0 0-4.84-.07-4.82 4.55a4.81 4.81 0 00-5.35-4.55z"
}));
}
}
EmptySnippet.propTypes = EmptyStateProps;
EmptySnippet.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptySnippet'
}; // if (__DOCS__) {
// EmptySnippet.docs = {
// componentGroup: 'Emptystate'
// };
// }