@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
58 lines (57 loc) • 3.47 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyConversation extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "conversation",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyConversation_svg__cls-4,.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6,.EmptyConversation_svg__cls-7,.EmptyConversation_svg__cls-8{fill:none}.EmptyConversation_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyConversation_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyConversation_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",
fill: "var(--zd_emptysvg_primary_fill)",
opacity: 0.05
}), /*#__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: "EmptyConversation_svg__cls-4",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyConversation_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyConversation_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyConversation_svg__cls-7",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M136.38 150.44l-17.73-19.81s-32.15 1.18-40.2-1.23-6.27-4-6.37-6.75.93-35 1-35.53.28-3.4.28-3.4a3.37 3.37 0 012.38-3.37c2.6-.91 55.59-10 73.83-3.59 0 0 4.47 6.25 2.43 26.43s-.75 23.12-5.73 24.4-8.73 1.94-8 6.67 2.64 18.91-1.89 16.18z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyConversation_svg__cls-6",
d: "M82.63 136.74h-9.26a3 3 0 00-2.53 1.41s-8.93 13.66-9.47 15.11.56 2.6 1.33 1.13-.24-16.6-.24-16.6a3 3 0 00-3.12-2.94c-3.49.18-8.79.36-9.9-.19-1.68-.83-3.36-64.15 0-67.06s63-5 71.42-2.5 0 61.63 0 64.35-48.74 2.29-50.42-2.29 0-38.74.84-45 70.58-10.83 76-5.41c4.55 4.5 1.53 36.11.39 46.61a4.91 4.91 0 01-3.69 4.22l-5 1.28a3 3 0 00-2.22 2.85v17.72a1.52 1.52 0 01-2.65 1l-22.25-24.86a5.56 5.56 0 00-3.93-1.84l-18.57-.67c-1.27 0-2.54-.15-3.8-.29l-13.11-1.51a.85.85 0 01-.75-.85l.67-59s-.9-1.57 5.42-1.8 31.16 0 31.16 0"
}));
}
}
EmptyConversation.propTypes = EmptyStateProps;
EmptyConversation.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyConversation'
}; // if (__DOCS__) {
// EmptyConversation.docs = {
// componentGroup: 'Emptystate'
// };
// }