@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
58 lines (57 loc) • 3.78 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyContact extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "contact",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyContact_svg__cls-4,.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6,.EmptyContact_svg__cls-7,.EmptyContact_svg__cls-8{fill:none}.EmptyContact_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyContact_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyContact_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
d: "M86.51 62.52S133.42 31.67 157.16 41s40 87.37-26.06 122.41-95.88-41.22-96.1-54.73c-.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.02,
cy: 31.69,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyContact_svg__cls-4",
cx: 79.61,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyContact_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyContact_svg__cls-8",
cx: 165.87,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyContact_svg__cls-7",
d: "M175.59 117.21l4.14 4.6M175.34 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M108.62 97.74s-4.68-7 2.21-11.6 11.8 4.32 10.67 6.93-1.78 5.26-9.77 5.64c0 0 11.12 11.23.09 19.61 0 0-18.28.21-23.39-8.51-5.7-9.73 19.13-13.99 20.19-12.07z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyContact_svg__cls-6",
d: "M180 85c-9.1-.2-17.19-.93-19-2.78-8.19-8.17.66-4 1.38-1.92s-24.29 72.45-32.42 75.77c-7 2.88-4-7-2.62-9.6a.33.33 0 01.62.09c.49 2.35 1.6 10-4.46 10-7.18 0-84.91-21.58-84.91-21.58s-2.16-10 0-10.2 83.65 20 85.31 20.17c3.06.35 6.34-1.25 8.21-6.41s24.16-58.11 24.16-58.11 3.82-6.17-3.11-9.25-68.93-9.74-69.41-11.4 8.86-1.66 6.1 5.93S78.76 65 79 63.58s6.89 1.6 5.57 6.56-10.38 3.18-10.2.37 7.46 1.41 5.39 5.34-9.73 1.49-9.35-.66 7.74 2.25 6.14 6.09-10.48 2-10.48-.57 8.12 0 6.23 5.25-7.55 3.18-8.31.84 5.29-3 4.44 3.46-8 3.84-8.21 1.69 4.62-2.81 4.62 4.4-9.06-.28-8.59-1.13 7-.18 4.63 6-10 3.37-9.73-.74 7.74 1 4.91 7.76-9.34.47-9.15-1.12 7.17.56 4.53 7.21-11.43.09-10.76-1 8.11-1.11 4.34 5.43-11.42.84-10.48-1.78c.53-1.48 7.93 1.08 14.25 3.58A86.89 86.89 0 0081 126.74c9.47 0 16.36-7.91 23.51-7.29 10.36.91 15.65-12.3 5.89-20.85 0 0 8.32 1.07 9.77-5.64 1.36-6.3-7.88-11.27-12.88-5-3.44 4.32 0 9.66 0 9.66s-12.29-1.25-19.2 6.87c-7.7 9.07 16.1 13 24.5 14a4.15 4.15 0 004.31-2.34c1.62-3.52 3.38-9.9-1.46-15.33"
}));
}
}
EmptyContact.propTypes = EmptyStateProps;
EmptyContact.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyContact'
}; // if (__DOCS__) {
// EmptyContact.docs = {
// componentGroup: 'Emptystate'
// };
// }