@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
64 lines (63 loc) • 3.2 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyDashboard extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "dashboard",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDashboard_svg__cls-3,.EmptyDashboard_svg__cls-4,.EmptyDashboard_svg__cls-5{fill:none}.EmptyDashboard_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyDashboard_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyDashboard_svg__cls-4{stroke:var(--zd_emptysvg_plus);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: "EmptyDashboard_svg__cls-5",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyDashboard_svg__cls-4",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43,
stroke: "var(--zd_emptysvg_small_circle)",
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyDashboard_svg__cls-3",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M67.14 106.83s13.93-23.57 17.23-19 8.87 4.81 16-13.18v32.18z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M71.27 107l29.07-.19V74.65c-7.1 18-12.68 17.74-16 13.18s-17.23 19-17.23 19h-3a2.76 2.76 0 01-2.76-2.63c-.43-9.12-1.55-38.91 1.84-40 4-1.34 43.31-1.34 44.66 1s1.53 43 0 43.72-15-1-15.35 0 .49 39-1.15 40.47c-1 .93-31.29 1.41-32.22 0-.53-.82-.22-30.38 1.24-31.46 2.63-2 92.29-4 92.23-.26 0 1.93 1.08 45 .12 46.1-.82 1-36.74 1-46.73 1a2.58 2.58 0 01-2.58-2.56c-.11-8.24-.39-34.81-.46-40.92a1.23 1.23 0 011.26-1.25c2.55 0 8.52-.31 15.26.06 0 0-1.43-43.62-1.08-44.33 1-2.06 33-.38 34.33.39s1.54 29.34 0 30.55c-1.1.87-23.5.29-29.74.12a1.7 1.7 0 01-1.65-1.66l-.77-26.94",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none"
}));
}
}
EmptyDashboard.propTypes = EmptyStateProps;
EmptyDashboard.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyDashboard'
}; // if (__DOCS__) {
// EmptyDashboard.docs = {
// componentGroup: 'Emptystate'
// };
// }