@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
77 lines (76 loc) • 4 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default class EmptyNoData extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "nodata",
...this.props
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M217.1 158.5s113.7-75.3 171.3-52.6c57.6 22.7 96.9 213.3-63.2 298.9C165.1 490.4 92.8 304.3 92.1 271.3c-.5-32 .1-108.1 125-112.8Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M419.5 388c3.314 0 6-2.642 6-5.9 0-3.259-2.686-5.9-6-5.9s-6 2.641-6 5.9c0 3.258 2.686 5.9 6 5.9Z",
stroke: "var(--zd_emptysvg_small_circle)",
fill: "transparent",
strokeWidth: 3,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "m161.8 415.6 10.1 11.2M161.2 426.2l11.3-10",
stroke: "var(--zd_emptysvg_cross)",
strokeWidth: 3,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M395.6 91.8a8.6 8.6 0 1 0 0-17.2 8.6 8.6 0 0 0 0 17.2Z",
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "transparent",
strokeWidth: 3,
strokeMiterlimit: 10
}), /*#__PURE__*/React.createElement("path", {
d: "M210.4 83.2a5.1 5.1 0 1 0 0-10.2 5.1 5.1 0 0 0 0 10.2Z",
stroke: "var(--zd_emptysvg_tiny_circle)",
fill: "transparent",
strokeWidth: 3,
strokeMiterlimit: 10
}), /*#__PURE__*/React.createElement("path", {
d: "m70 277.7-.9 15.1M62 284.8l15.1.9",
stroke: "var(--zd_emptysvg_plus)",
strokeWidth: 3,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#NoData_svg__a)",
fill: "transparent"
}, /*#__PURE__*/React.createElement("path", {
d: "M183.5 322.5c0 9.2 55.667 29.833 83.5 39l16 5.5c26.5-11.5 80.2-34.6 83-35 3.5-.5-.5-35-3.5-41.5s-22.5 6.5-29 6.5-48.5-52-49.5-53-40 52.5-46 53-50.5-16-54.5-17.5 0 31.5 0 43Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M421.169 243.599s-78.588 45.757-85.631 42.173c-7.043-3.585-48.688-46.39-48.688-51.029 0-4.639 79.179-39.537 83.881-40.064 4.702-.527 47.655 41.414 47.001 44.281-.654 2.868-47.317-47.465-49.152-49.953-1.834-2.488 40.064-17.164 40.486-19.505.421-2.34-97.756-23.49-100.898-23.49-3.142 0-39.937 17.08-38.883 18.134 1.054 1.055 92.779 24.439 91.957 21.804-.822-2.636-102.205-25.43-102.205-25.43l-46.263.527s-96.681 42.025-94.319 42.299c2.362.274 49.658-9.721 53.601-8.435 3.943 1.286 72.495-28.298 71.968-30.406-.528-2.109-76.333 32.241-77.345 36.331-1.012 4.091 114.541 25.304 115.342 29.837.801 4.534-.232 138.664-2.783 138.664-2.552 0-2.109-128.626-2.109-128.626s-39.157 42.172-47.781 41.687c-8.625-.485-106.106-39.157-111.019-42.172-4.914-3.016 43.037-34.476 43.037-33.591 0 .886-37.703 30.617-37.703 30.617l44.703 19.843s1.518 72.093 2.594 76.88c1.075 4.787 105.431 47.908 110.724 47.381 5.292-.527 96.343-43.122 97.397-45.251 1.054-2.13-2.636-55.499-2.636-55.499",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 3,
strokeMiterlimit: 10
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "NoData_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(117 145)",
d: "M0 0h304.696v237.41H0z"
}))));
}
}
EmptyNoData.propTypes = EmptyStateProps;
EmptyNoData.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'EmptyNoData'
}; // if (__DOCS__) {
// EmptyNoData.docs = {
// componentGroup: 'Emptystate'
// };
// }