@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
61 lines (60 loc) • 3.49 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyTag extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "tag",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTag_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTag_svg__cls-4,.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6,.EmptyTag_svg__cls-8,.EmptyTag_svg__cls-9{fill:none}.EmptyTag_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTag_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTag_svg__cls-9{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: "EmptyTag_svg__cls-4",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTag_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyTag_svg__cls-9",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTag_svg__cls-8",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTag_svg__cls-7",
d: "M136.3 107.68s-1.24 51.51-2.14 54-45.41-1.83-46.59-3.82 42.71-48.51 48.73-50.18z"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTag_svg__cls-6",
d: "M171.12 53.1s-13.85 5.78-26.25-4.34-24.4 19.63-22.61 32.54c1.88 13.51-10.34 16.07-13.93 9.4s5-15.45 16.66-11.06c0 0 5.45 2 7 4.14 8.94 12.74 1.59 22-.92 25s-5.81 6.85-7.71 7.78c-3.52 1.71 7.3-9.4 12.14-8.93v4c-.15 17.83-.08 49.91-2.14 50-3.82.19-36.94-2.54-42.79-2.34a5 5 0 01-5-3.46 2.86 2.86 0 01.19-2.29c1.12-1.95 20.44-20.1 28.67-27.8a.23.23 0 01.33.32c-14.36 16.07-32.8 36-34.33 35.56-2.07-.61-27-24.87-35.67-33.4a4.37 4.37 0 01-.12-6.14c8.5-9 33.4-33.91 43-43.49A16.41 16.41 0 0196.7 74c6.6-1.05 16.18-2.64 17.87-2.46"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTag_svg__cls-7",
d: "M78.39 112.58l7.92-1.15 4-7.14a.44.44 0 01.57 0l3.61 7.29 8.64 1c.29 0 .43.28.14.57l-6.48 5.71 1.59 7.86c0 .28-.15.43-.44.28l-6.91-3.57-7.49 3.72c-.15.14-.43 0-.43-.29l.72-8-5.77-5.57a1.08 1.08 0 01.33-.71z"
}));
}
}
EmptyTag.propTypes = EmptyStateProps;
EmptyTag.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTag'
}; // if (__DOCS__) {
// EmptyTag.docs = {
// componentGroup: 'Emptystate'
// };
// }