@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
67 lines (66 loc) • 6.11 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default class CustomerHappiness extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "attach",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#CustomerHappiness_svg__a)"
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#CustomerHappiness_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M80.2 58.2s46.7-31.2 70.3-21.8c23.6 9.4 39.7 88.3-25.9 123.7-65.6 35.4-95.4-41.6-95.7-55.2-.2-13.3 0-44.7 51.3-46.7Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M14 119.3s-.1 0 0 0c-.3 0-.5-.3-.5-.5l.4-7.5c0-.3.2-.5.5-.5s.5.2.5.5l-.4 7.5c-.1.3-.3.5-.5.5Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m17.8 115.8-7.4-.4c-.3 0-.5-.3-.5-.5 0-.3.3-.5.5-.5l7.3.4c.3 0 .5.3.5.5.1.3-.1.5-.4.5Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M171.2 22.8c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.2-4.7-4.7-4.7Zm0 8.5c-2 0-3.7-1.7-3.7-3.8 0-2.1 1.7-3.8 3.7-3.8s3.7 1.7 3.7 3.8c0 2.1-1.7 3.8-3.7 3.8ZM124.4 175.1c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4c0-1.8-1.5-3.4-3.4-3.4Zm0 5.9c-1.3 0-2.4-1.1-2.4-2.5s1.1-2.5 2.4-2.5c1.3 0 2.4 1.1 2.4 2.5s-1.1 2.5-2.4 2.5Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M80.9 22c-1.7 0-3 1.4-3 3s1.3 3 3 3 3-1.4 3-3-1.3-3-3-3Zm0 5.1c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM189.8 131.8c-.2-.2-.5-.2-.7 0l-2.4 2.2-2.1-2.4c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7l2.1 2.4-2.4 2.2c-.2.2-.2.5 0 .7.1.1.2.2.4.2.1 0 .2 0 .3-.1l2.4-2.2 2.1 2.4c.1.1.2.2.4.2.1 0 .2 0 .3-.1.2-.2.2-.5 0-.7l-2.1-2.4 2.4-2.2c.2-.3.2-.7 0-.9Z",
fill: "var(--zd_emptysvg_cross)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M115.8 67S78.5 42.1 59.6 49.6c-18.9 7.5-31.8 70.6 20.7 98.9 52.5 28.3 76.3-33.3 76.5-44.2.2-10.6 0-35.8-41-37.3Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#CustomerHappiness_svg__c)"
}, /*#__PURE__*/React.createElement("path", {
d: "M51.2 70.1c1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.4 10.4 10.7 7.2ZM79 66.2c0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1-1.3-.5-3.3-.5-3.9ZM122.4 79.5c1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2ZM153.1 73.8c1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1.1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8ZM90.2 122.8c1-1.2-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.3 10.7 7.2ZM120.3 112.2c-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1-1.2-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.9-2.9-.5-4.8ZM113.6 143.2c-9 6.4-27.6-2.2-27.6-2.2s-1.5 12.9 13.1 14.1c11.2.7 22.3-17.5 14.5-11.9ZM63.4 80.1C52.3 79.4 41.1 97.7 48.9 92c9-6.4 27.6 2.2 27.6 2.2s1.4-12.9-13.1-14.1ZM130.7 92.6s-4.8-.1-7.3-.2c2.9.9 7.7 4.8 7.7 4.8s14.6.4 15.6-2.3c.9-2.6-16-2.3-16-2.3ZM123.3 92.5c-.4-.1-.8-.2-1.2-.2-.7.1 0 .1 1.2.2Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M102.5 176.7c-1.6 0-3.2-.1-4.9-.2-23.3-2.1-41.3-21.6-41.1-44.3v-1.7c.6-19.2 12.9-35.8 30.5-41.3 12.6-3.9 26.2-2.3 40.5 4.8 0 0 1 .5 2.4 1.7 11.6 9.2 13.7 30.3 4.1 42.7-8.8 11.3-20.3 22.4-38.8 19-10.5-1.8-14-11-12.7-18.8 0-.2.2-.3.3-.4.2-.1.4 0 .5.1.1.1 12.1 12.1 34.4 2.9.2-.1.4 0 .5.1.1.1.2.3.2.5s-.8 5.9-6.9 10.6c-.2.2-.5.1-.7-.1-.2-.2-.1-.5.1-.7 4.4-3.4 5.9-7.3 6.4-9.1-19.3 7.6-31-.5-33.9-2.9-.8 7.3 2.5 15.1 12 16.8 17.9 3.2 29.2-7.6 37.8-18.7 9.3-11.9 7.3-32.4-4-41.3-1.3-1.1-2.2-1.5-2.2-1.5-14-7-27.4-8.6-39.7-4.7-17.2 5.3-29.2 21.5-29.8 40.3v1.7c-.2 22.2 17.4 41.3 40.2 43.3 23.7 2.1 36.5-12 42.1-20.6 6.2-9.6 8.3-20.2 6.4-23.7-.4-.8-.8-1.4-1.2-1.9-1.1.4-2.2.8-3.4 1.2-.2 0-.3 0-.4-.1-.1-.1-.2-.2-.2-.4 0-.6 0-3.4 1.5-3.8.8-.2 1.8.4 2.9 1.9 13.9-5.5 21-13.6 24.5-19.7 4.2-7.3 4.5-13.3 4.5-13.4 0-.3 0-.5.1-.8v-.4C176.8 73.7 166 56 147 48.6c-18.6-7.2-38.1-1.5-49.7 14.5C88.9 74.5 88 87 88 87.2c0 .3-.2.5-.5.5s-.5-.2-.5-.4c-3.6-24.1 17-37.8 20.8-40.1-14.7-13.4-36.6-26.4-59.1-14.5-15.8 8.4-25 25.6-23.5 43.9 2.2 26.8 29.2 35.4 33.4 36.6.5-2.8 3.7-15.2 24.8-26.1.2-.1.5 0 .7.2.1.2 0 .5-.2.7-12 6.2-18 13-20.9 17.5-3.1 4.9-3.5 8.4-3.5 8.4 0 .1-.1.3-.2.4-.1.1-.3.1-.4.1-.3-.1-32.3-8-34.7-37.7-1.6-18.7 7.9-36.3 24-44.9 23.3-12.4 45.9 1.3 60.7 15 .1.1.2.3.2.4 0 .2-.1.3-.3.4-.2.2-22.1 12.4-21.2 35.4.9-4.7 3.3-12.9 8.8-20.6 11.9-16.4 31.8-22.3 50.9-14.9 19.4 7.5 30.5 25.7 28.2 46.2 0 .1 0 .3-.1.5 0 .2-.1.4-.1.6 0 .3-1.1 22.7-29.4 33.9.3.5.7 1.1 1.1 1.8 2.2 3.8.1 14.7-6.4 24.8-5.3 8.4-17 21.4-38.1 21.4Zm40.2-49.6c-.4.1-.7 1.1-.8 2.2.8-.3 1.6-.6 2.4-.8-.9-1.3-1.4-1.4-1.6-1.4Z",
fill: "var(--zd_emptysvg_primary_stroke)"
})))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "CustomerHappiness_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M0 0h200v200H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "CustomerHappiness_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(10 22)",
d: "M0 0h180v160H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "CustomerHappiness_svg__c"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(24 27)",
d: "M0 0h151.7v149.7H0z"
}))));
}
}
CustomerHappiness.propTypes = EmptyStateProps;
CustomerHappiness.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'CustomerHappiness'
};