@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
60 lines (59 loc) • 3.74 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyCallHistory extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "CallHistoryEmpty",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5,.EmptyCallHistory_svg__cls-6,.EmptyCallHistory_svg__cls-7{fill:none}.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCallHistory_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCallHistory_svg__cls-7{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",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__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: "EmptyCallHistory_svg__cls-3",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyCallHistory_svg__cls-4",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyCallHistory_svg__cls-7",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyCallHistory_svg__cls-6",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyCallHistory_svg__cls-5",
d: "M114 99.9s-6.26-2.21-9.39 0-2.4 8.82 1.63 8.82 5.65-9.35-4.51-8.87-7.26 9.52-5.16 10 6.34-2 4.35-5.8-10.48-2-12.42 5.86 4.78 6.32 5.39 5.64 2.43-5.44-1.21-6.36-8.62 4.54-7.41 12 7.48 3.18 7.78 1.21-1.05-5.44-5.21-4.08-2.65 10.51 1.74 14.06 9.15-.83 7.1-5.07-7-1.13-7 1 .91 9.83 10.66 10.05a4.7 4.7 0 004.84-5c.07-5.14-10-3.32-6.73 2.95s16.33 2 16.18-3.4a3.42 3.42 0 00-1.63-3.18 3.35 3.35 0 00-4.75 3.75c.49 2.42 2.17 4.73 7.28 2.6 5.78-2.4 5.77-7 5-10a4.09 4.09 0 00-5-3 2.49 2.49 0 00-1.94 2.43c-.23 3.86 9.15 7.79 11.26-2.87s-6.46-10-7.86-9.37c-1.23.52-4.38 5.36 1.29 7.78s7.63-8.31 3.63-12.4-8.77-5.29-10.51-2 .53 6.2 4 6 9.08-7.56 3.78-13.54S89.64 91.36 82 97c0 0-34.91 47.38-6 45 7.29-.59 53.1 2.28 59 0 19.69-7.61-11.25-48.08-8.89-60.71.86-4.54 5.14-7.7 6.72-3.75S77.52 89.4 73.18 82.48s6.91-4 6.71 4.55-1 11.25-5.13 11.45-22.41 1.84-23.9.59c-2.52-2.12 3.7-22.63 9.56-26.51 37.94-25.08 82.21-9.78 89.2-3.47C153.93 73 168 93.3 163.93 96.24s-24.5 2.64-26.5 1S134.21 86 134.21 86"
}), /*#__PURE__*/React.createElement("circle", {
cx: 104.31,
cy: 120.3,
r: 18.89,
fill: "var(--zd_emptysvg_secondary_fill)"
}));
}
}
EmptyCallHistory.propTypes = EmptyStateProps;
EmptyCallHistory.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyCallHistory'
}; // if (__DOCS__) {
// EmptyCallHistory.docs = {
// componentGroup: 'Emptystate'
// };
// }