@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
70 lines (69 loc) • 4.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 EmptyTemplate extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "accounts",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.template_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.template_svg__cls-3,.template_svg__cls-4,.template_svg__cls-5,.template_svg__cls-6,.template_svg__cls-8{fill:none}.template_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.template_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.template_svg__cls-4,.template_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.template_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.template_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: "template_svg__cls-3",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "template_svg__cls-4",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "template_svg__cls-8",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "template_svg__cls-6",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("g", {
opacity: 0.25
}, /*#__PURE__*/React.createElement("path", {
className: "template_svg__cls-7",
d: "M71.15 144.21s-1.36-1.61-1.35-6.74-2.71-38.94.83-45.79c0 0 17.44-4.94 30-2 0 0 2.84 1.37 2.88 3.89s1.67 48.5 1.67 48.5-.2 4.64-7.2 4.4-26.83-2.26-26.83-2.26zM116.79 116.73s-2.87-14.92-.55-25.24c0 0 .31-2.36 4.15-2.72s19.83-2.45 20.89-.06.73 25.61.5 26.58-2 2.63-5.08 2.65-17.12 2.67-19.91-1.21zM116.21 133.28s-.16-9.66 1.5-10.76 24.49-3 25.57-.13 1.05 21-1.26 22.71-25.19 0-25.19 0z"
})), /*#__PURE__*/React.createElement("circle", {
className: "template_svg__cls-7",
cx: 67.38,
cy: 68.33,
r: 3.09
}), /*#__PURE__*/React.createElement("circle", {
className: "template_svg__cls-7",
cx: 77.13,
cy: 68.33,
r: 3.09
}), /*#__PURE__*/React.createElement("path", {
className: "template_svg__cls-5",
d: "M44.61 81.45A10.42 10.42 0 0055 71v-7.7a7.53 7.53 0 014.22-6.9 6.53 6.53 0 013.19-.59c4.83.32 81.74 0 81.74 0s7.4.34 7.72 5.17 0 80.45 0 80.45.32 5.47-4.82 7.08c-4.69 1.46-73 .26-85.3 0-1.09 0-2.95-.76-3-1.84-.45-8-1.14-39.36.6-57.61a8.15 8.15 0 011.9-4.59A4 4 0 0164 83c2.53-.16 62.3-1.29 72.73-1.49a5.41 5.41 0 014.56 2.19 5.14 5.14 0 01.77 1.67c.74 3 .65 28.32-.46 30.91s-25.23 3.69-26.42.33c-1.62-4.56-2-24.92.18-26.85s25.93-2.68 28.27-1.68 1.42 50.31-1.15 57c0 0-26.13 1.18-27.12 0s-.76-20.85.2-22.17c1.28-1.79 25.4-1.64 27.12-1.19 2.56.67 3.18 22.27 1.84 23.5-2.4 2.2-70.53 2.23-74.29-1.53s-4-50.48-1-52.46 23.36-3.62 31.47-1.51c0 0 3 1.71 2.88 3.89s1.67 48.5 1.67 48.5-.18 3.47-5.8 5.19-45.67 2-45.67-7 .63-52.68.63-52.68.13-6.06 5.49-7l95.46-.77a4.22 4.22 0 014.25 4.22v4.41a4.22 4.22 0 004.22 4.23"
}));
}
}
EmptyTemplate.propTypes = EmptyStateProps;
EmptyTemplate.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTemplate'
}; // if (__DOCS__) {
// EmptyTemplate.docs = {
// componentGroup: 'Emptystate'
// };
// }