@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
58 lines (57 loc) • 3.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 EmptyTimeline extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "timeline",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTimeline_svg__cls-3,.EmptyTimeline_svg__cls-4,.EmptyTimeline_svg__cls-5,.EmptyTimeline_svg__cls-7,.EmptyTimeline_svg__cls-8{fill:none}.EmptyTimeline_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTimeline_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTimeline_svg__cls-4,.EmptyTimeline_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeline_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTimeline_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeline_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}')), /*#__PURE__*/React.createElement("path", {
d: "M82.34 64.37s45-29.83 67.77-20.85 38.33 84.51-25 118.4-92-39.83-92.2-52.9c-.24-12.64 0-42.78 49.43-44.65z",
fill: "var(--zd_emptysvg_primary_fill)",
opacity: 0.05
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 145.98,
cy: 40.36,
rx: 3.1,
ry: 3.18,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyTimeline_svg__cls-3",
cx: 79.11,
cy: 38.46,
rx: 1.85,
ry: 1.9
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTimeline_svg__cls-4",
d: "M29.82 103.11l-.31 5.59M26.94 105.75l5.44.31"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyTimeline_svg__cls-8",
cx: 154.59,
cy: 151.4,
rx: 2.15,
ry: 2.21
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTimeline_svg__cls-7",
d: "M163.1 117.94l3.63 4.18M162.88 121.9l4.06-3.73"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTimeline_svg__cls-6",
d: "M98.17 79.34V71.9s-36.3 7.19-37.91 46.1c0 0-9.08-40.53 37.46-53.85v-8.49l19.68 13.76zM99.62 120.26l-22.83 2.83-4.68-2.89 4.41-3.45 22.38 1.18.72 2.33z"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTimeline_svg__cls-5",
d: "M78.56 147.23c-28.72-23.13-11-53.38-11-53.38C80 73.08 98.12 71.9 98.12 71.9v7.44s10.2-3.17 16.42-7.75c11.78-8.68 8.3.48 4.74-1.33-4-2-21.61-14.6-21.61-14.6v8.45c0 2-1.36 1.38-3.32 1.85a48.52 48.52 0 00-10.25 3.91c-16.06 7.91-21.82 22.5-23.94 34.55-3.81 21.63 6.56 38.88 19.09 46.33 18.44 10.95 58.8 6.06 59.56-30.38.9-43-40.37-35.18-40.37-35.18s0 18.39.4 30.38 8.79 8 8.79 4.8-31.16-3.62-31.16-3.62l-4.41 3.45 4.68 2.89 19-2.34"
}));
}
}
EmptyTimeline.propTypes = EmptyStateProps;
EmptyTimeline.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTimeline'
}; // if (__DOCS__) {
// EmptyTimeline.docs = {
// componentGroup: 'Emptystate'
// };
// }