@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
54 lines • 3.57 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default function EmptyProducts(props) {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "products",
...props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyProducts_svg__cls-4,.EmptyProducts_svg__cls-5,.EmptyProducts_svg__cls-6,.EmptyProducts_svg__cls-7,.EmptyProducts_svg__cls-8{fill:none}.EmptyProducts_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyProducts_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyProducts_svg__cls-5,.EmptyProducts_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyProducts_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyProducts_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: "EmptyProducts_svg__cls-7",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyProducts_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyProducts_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyProducts_svg__cls-4",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M139 112.51h-.09a.82.82 0 01-.72-.9c.7-6.15-2.71-8.59-2.75-8.62a.81.81 0 01-.2-1.13.83.83 0 011.15-.2c.17.12 4.25 3 3.43 10.13a.81.81 0 01-.82.72zm-.39 1.3a.7.7 0 000 1.4.7.7 0 100-1.4z",
fill: "var(--zd_emptysvg_circle_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M151.36 145.35a8.55 8.55 0 11-8.55-8.48 8.52 8.52 0 018.55 8.48zm-49.92-8.48a8.48 8.48 0 108.55 8.48 8.52 8.52 0 00-8.55-8.48zm4.7-20.61c8.67 17.33 35.37 12.3 37.08 7s4.27-26.62-8-29.12-13.61 11.35-13.61 11.35c-20.97-5.19-15.47 10.77-15.47 10.77z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyProducts_svg__cls-6",
d: "M155.17 120.64c-19.34 18-53.73 7.78-52.45-9.57.66-8.94 11.28-8.12 15.6-6.21 1.68.74 1 .91 1.52-.86l.72-2.69a9.73 9.73 0 015.59-6.55c.31-.13.62-.24.93-.34 6.22-1.93 12.61 2.2 14.22 8.47 4.6 17.87-8.44 37.74-8.44 37.74a8.44 8.44 0 00-1.35 4.6 8.61 8.61 0 108.61-8.54h-36.47c-9.28-.92-11.83 4.17-11.83 4.17a8.56 8.56 0 00-1.26 5.87 8.62 8.62 0 108.53-9.82l-2.67-.53a7.22 7.22 0 01-4.9-5l-13.62-49a7.21 7.21 0 017-9.11h75.56a7.21 7.21 0 017 9.14l-13 46.1a7.24 7.24 0 01-7 5.25H91a7.23 7.23 0 01-6.93-5.08L63.19 61.32a7.25 7.25 0 00-6.94-5.08H43.44A42.7 42.7 0 0035 57c-1.84.38-4.1.51-5-.78-1.72-2.33 5.92-2.72 8 3.39"
}));
}
EmptyProducts.propTypes = EmptyStateProps;
EmptyProducts.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyProducts'
};