@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
58 lines (57 loc) • 3.15 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyAttach extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "attach",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6,.EmptyAttach_svg__cls-7,.EmptyAttach_svg__cls-8{fill:none}.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAttach_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAttach_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: "EmptyAttach_svg__cls-4",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyAttach_svg__cls-5",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyAttach_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyAttach_svg__cls-7",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M120.89 72.28l7.19 52.09s-56.62 7.79-58.16 4.34-7.61-51.27-5.32-51.47z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyAttach_svg__cls-6",
d: "M146.42 155.3c-17.09.46-60.1-.42-69.48-.77a2.4 2.4 0 01-2.33-2.39v-23.43h-4.69l-5-48.51a2.94 2.94 0 012.67-3.2l53.3-4.7 7.19 52.09s-54 7.52-54.58 5.93-1-65.57 0-66.07c1.62-.87 18.28-.24 22.81 0a1.33 1.33 0 011.26 1.16c.86 7 5.12 45.07 5.08 46.83-.14 5.91-13.49 14.69-17.54-.24-4.44-16.36-6.44-48.46-6.59-50.8-.31-5.16 13.8-16.72 17.87 17.2 3.77 31.37 3.84 34.6-2 35.48-6.86 1-11.37-47.7-11.37-47.7h60.63a3.2 3.2 0 013.21 3.09c.37 12.61 4.83 87 1.65 88.86-2.27 1.36-49.85 0-49.85 0"
}));
}
}
EmptyAttach.propTypes = EmptyStateProps;
EmptyAttach.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyAttach'
}; // if (__DOCS__) {
// EmptyAttach.docs = {
// componentGroup: 'Emptystate'
// };
// }