@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
68 lines (67 loc) • 3.41 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptySearch extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "search",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptySearch_svg__cls-4,.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6,.EmptySearch_svg__cls-7,.EmptySearch_svg__cls-8{fill:none}.EmptySearch_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySearch_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySearch_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: "EmptySearch_svg__cls-4",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySearch_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptySearch_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySearch_svg__cls-7",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M101.35 87.13s4.94 2.24 6.06 9.58",
stroke: "var(--zd_emptysvg_circle_fill)",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 95.28,
cy: 96.71,
rx: 21.41,
ry: 21.23,
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySearch_svg__cls-6",
d: "M33.71 102.31H56.2a7.33 7.33 0 007.28-6.64c.75-7.62 4.37-20 19-27.59 22.32-11.51 51.78 10.62 43.75 37.18l-3.57 7.67 27.38 27.15s4.11 6.77 0 10.62-8 1.77-12.21-1.18S112 124.14 112 124.14s-26.19 12.4-42.26-8.26c0 0-1-1.53-2.09-3.42-2.2-3.73 1.4-8.42 5.52-7a3.11 3.11 0 011.5 1c2.19 2.85 9.2 15.31 25.23 12.24s19.48-19.7 15.81-32.18-25.88-16.08-34.38-8-9.65 18.57-5.6 22 7-.57 8.31-5.93 4.41-8.81 8.38-8.81 7.84-2.11 5.72-5.75-12.51-.82-16 2.68c-5.32 5.28-9.27 17.71-1 26.19s19.7 5.22 22.6 3.69 6.4-7.8 7.92-8.62"
}));
}
}
EmptySearch.propTypes = EmptyStateProps;
EmptySearch.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptySearch'
}; // if (__DOCS__) {
// EmptySearch.docs = {
// componentGroup: 'Emptystate'
// };
// }