@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
58 lines (57 loc) • 3.19 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyCollision extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "collision",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCollision_svg__cls-3,.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5,.EmptyCollision_svg__cls-6,.EmptyCollision_svg__cls-7{fill:none}.EmptyCollision_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCollision_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCollision_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
d: "M83.6 67.23s46.91-30.84 70.66-21.55 40 87.37-26.06 122.41-95.89-41.18-96.15-54.69c-.24-13.07 0-44.23 51.55-46.17z",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 153.14,
cy: 36.36,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyCollision_svg__cls-3",
cx: 76.72,
cy: 34.26,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyCollision_svg__cls-4",
d: "M20.39 105.52l-.35 6.16M17.1 108.43l6.22.34"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyCollision_svg__cls-7",
cx: 176.99,
cy: 158.75,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyCollision_svg__cls-6",
d: "M172.71 121.87l4.15 4.61M172.46 126.23l4.64-4.11"
}), /*#__PURE__*/React.createElement("path", {
d: "M140.8 87.32l-29.75 23.35s27.08 20.62 29.93 19.54 1.49-14.21 1.49-14.21h25.18s2.13-16.19-.74-19.77l-25.55.93s.82-8.11-.56-9.84z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyCollision_svg__cls-5",
d: "M143 87.29s.2 5.45.2 10.2-1.82 2.42-1.82 2 25.24-2.28 26.95-2.57.29 19.1.57 20-26.79 0-26.79 0 1.42 10.26-.86 12.54-30.78-18.53-30.78-18.53l31.24-26.1c-2.29-1.71-32.29 24.57-32.29 24.57-15 12.35-30.64 24.91-31.36 23-1.68-4.48-.46-12.82-.46-12.82s-30.07 2.44-30.47.81-4-14.15 0-20.72c1.33-2.21 30.87 0 30.87 0s-1.87-13.3 1.09-13.93c2.75-.59 30.5 14.81 30.34 20-.07 2.35-24.77 21.41-24.77 21.41"
}));
}
}
EmptyCollision.propTypes = EmptyStateProps;
EmptyCollision.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyCollision'
}; // if (__DOCS__) {
// EmptyCollision.docs = {
// componentGroup: 'Emptystate'
// };
// }