@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
61 lines (60 loc) • 2.96 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyFeed extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "Feed",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyFeed_svg__cls-4,.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6,.EmptyFeed_svg__cls-7,.EmptyFeed_svg__cls-8{fill:none}.EmptyFeed_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFeed_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFeed_svg__cls-8{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",
fill: "var(--zd_emptysvg_primary_fill)",
opacity: 0.05
}), /*#__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: "EmptyFeed_svg__cls-4",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyFeed_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyFeed_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyFeed_svg__cls-7",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 111.07,
cy: 152.77,
rx: 11.07,
ry: 10.89,
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyFeed_svg__cls-6",
d: "M44.32 94.5S67.74 113.31 64 114.9s-8.34-6.88-2.42-13 41.73-42.38 101.77 0l-12.95 17.24s-37.42-38.94-77.81 0l13.87 13.65s24.87-22.36 50.69 0a.08.08 0 010 .1l-14.78 14.54a.07.07 0 01-.09 0c-.69-.62-9-7.86-17.26-4.08a10.22 10.22 0 00-5.19 12.34c1 2.94 3.13 6.49 9.1 7.36 6.36.93 9.62-1.65 11-5 2.73-6.6-2.43-13.64-9.67-13.83-3.18-.09-6.47 1.11-8.32 5.51"
}));
}
}
EmptyFeed.propTypes = EmptyStateProps;
EmptyFeed.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'EmptyFeed'
}; // if (__DOCS__) {
// EmptyFeed.docs = {
// componentGroup: 'Emptystate'
// };
// }