@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
74 lines (73 loc) • 4.07 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyTask extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "task",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTask_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTask_svg__cls-3,.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5,.EmptyTask_svg__cls-7,.EmptyTask_svg__cls-8{fill:none}.EmptyTask_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTask_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTask_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",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__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: "EmptyTask_svg__cls-3",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTask_svg__cls-4",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyTask_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTask_svg__cls-7",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTask_svg__cls-6",
d: "M131.83 70.33l-5-1.58a12.76 12.76 0 00.65-4.46c0-4.34-3.26-7-7.26-7.24-4.36-.32-7.77 4.26-9 7.19l-7.81-2.14c-1.3-.34-2.73-.43-3.14.84l-1 3.24a2.49 2.49 0 001.64 3.12l28.47 9a2.51 2.51 0 003.15-1.58l1.19-3.72c.44-1.28-.56-2.24-1.89-2.67z"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 119.62,
cy: 63.17,
rx: 2.24,
ry: 2.22,
fill: "var(--zd_emptysvg_circle_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTask_svg__cls-6",
d: "M98.47 118.8a3.76 3.76 0 01-.38-5.18c2.23-2.79 14.36-17.82 14.36-17.82s10.41 4.26 6.92 8.45l-15.86 19z"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTask_svg__cls-5",
d: "M63.28 125.48c-1.79 5.74-4.38 16.66 1 18.42s55.64 19.48 59.79 17 29.34-83.43 23.25-85.62-19.54-7.18-20.29-7c0 0 2-7.78-3.15-9.91s-8.28-2.58-12.83 5c0 0-19.33-5.49-21.32-5S63.89 126 64.46 139c0 0 0 1.12 4.27 3.66s48.33 16 53.45 14.1 21.61-67.38 22.18-73.58-51.44-20.3-53.72-17.48c-2.12 2.63-7.5 19.17-13.52 35.9a78.29 78.29 0 00-2.28 7.36l-3.17 12.18a3.35 3.35 0 002.54 4.1 164 164 0 0016.41 2.14l10.8-2.82-6.87-5.94s-3.37 9.13-3.33 9.45 10.85-3.07 10.85-3.07l17.3-20.71s3-2.14-.33-4.15c-1.84-1.12-5.62-5.41-6.59-4.3-1.41 1.63-10.19 12.61-14.36 17.82a3.81 3.81 0 00.38 5.18c2.47 2.3 5.94 5.42 6.75 5.52s26.14-.32 42.29-.62"
}), /*#__PURE__*/React.createElement("path", {
stroke: "var(--zd_emptysvg_circle_fill)",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none",
d: "M108.63 112.84l5.97-7.49"
}));
}
}
EmptyTask.propTypes = EmptyStateProps;
EmptyTask.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTask'
}; // if (__DOCS__) {
// EmptyTask.docs = {
// componentGroup: 'Emptystate'
// };
// }