@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
76 lines (75 loc) • 5.29 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyChat extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyChat",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#chat_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
d: "M183.464 261.93s117.04 1.421 116.407-4.207c-.25-2.286-109.838.96-112.162.96-2.325 0-4.284 50.347-3.304 55.707.979 5.359 134.943 1.459 134.943 1.459s45.295 43.528 47.063 46.102c1.767 2.574-.481 3.631-1.556 3.631-1.076 0 2.151-172.267 0-180.297-2.152-8.029-43.855-2.67-49.214-2.67-5.359 0-16.039 73.821-9.604 76.491 6.435 2.67 3.592-108.551 3.592-118.943 0-10.392-145.355-9.431-163.277-5.666-17.922 3.765-9.451 163.277-9.451 163.277s-1.921 14.637 1.921 14.157c3.842-.48 41.837-43.758 41.837-43.758",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M163.601 149.21C186.421 145.945 282.313 142.698 284.618 156.202C286.923 169.706 231.562 190.106 242.723 207.606C253.883 225.105 292.071 230.656 279.047 241.855C266.023 253.054 186.402 239.934 180.812 243.776C175.222 247.618 153.151 292.125 149.578 287.323C146.005 282.521 140.799 152.476 163.601 149.21Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M307.285 268.422C310.938 268.157 314.365 266.558 316.915 263.93C319.466 261.302 320.961 257.828 321.116 254.169C321.98 234.384 324.343 199.442 330.298 199.135C338.615 198.693 351.313 197.368 351.313 203.937C351.313 210.507 357.075 326.529 353.502 324.34C349.93 322.15 332.046 298.523 325.918 298.523C319.791 298.523 207.706 305.515 205.516 299.829C203.326 294.143 203.768 275.318 209.896 275.318C214.659 275.318 278.856 270.554 307.285 268.422Z",
fill: "var(--zd_emptysvg_secondary_fill)"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#chat_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
fill: "var(--zd_emptysvg_small_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "chat_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(134 131)",
d: "M0 0h234.12v235.618H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "chat_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(22.5 50)",
d: "M0 0h450v400H0z"
}))));
}
}
EmptyChat.propTypes = EmptyStateProps;
EmptyChat.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyChat'
}; // if (__DOCS__) {
// EmptyChat.docs = {
// componentGroup: 'Emptystate'
// };
// }