@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
106 lines (105 loc) • 4.97 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptySkills extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "search",
...this.props
}, /*#__PURE__*/React.createElement("style", null, '.EmptySkills_svg__st2,.EmptySkills_svg__st4{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.EmptySkills_svg__st4{stroke:var(--zd_emptysvg_cross)}.EmptySkills_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySkills_svg__st7{opacity:.25}.EmptySkills_svg__st9{fill:none;stroke:var(--zd_emptysvg_primary_fill);stroke-width:.5;stroke-miterlimit:10}'), /*#__PURE__*/React.createElement("path", {
d: "M86.5 62.5s46.9-30.9 70.7-21.5 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13.1 0-44.3 51.5-46.2z",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("circle", {
cx: 156,
cy: 31.7,
fill: "none",
stroke: "var(--zd_emptysvg_medium_circle)",
strokeMiterlimit: 10,
r: 3.5
}), /*#__PURE__*/React.createElement("circle", {
className: "EmptySkills_svg__st2",
cx: 79.6,
cy: 29.6,
r: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySkills_svg__st3",
d: "M23.3 100.9l-.4 6.1M20 103.8l6.2.3"
}), /*#__PURE__*/React.createElement("circle", {
cx: 165.9,
cy: 154.1,
fill: "none",
stroke: "var(--zd_emptysvg_medium_circle)",
strokeLinecap: "round",
strokeLinejoin: "round",
r: 2.4
}), /*#__PURE__*/React.createElement("path", {
className: "EmptySkills_svg__st4",
d: "M175.6 117.2l4.2 4.6M175.4 121.6l4.6-4.2"
}), /*#__PURE__*/React.createElement("path", {
d: "M25.9 124.2s28.6-2.9 35.8-25.2 29.5-22.8 35.6-24.2l.7-.2c6.6-2.4 11.3-8.9 11.3-16.3 0-9.5-7.7-17.2-17.2-17.2S75 48.8 75 58.3c0 8.2 5.7 15 13.4 16.7h0c2.1.7 4.5 1.6 7.3 1.9 2.2.2 4.5.3 6.8.2 5.3-.2 18.5 2.2 23.3 13.8 6.3 15.4 16.9 30.2 36.4 30.2 0 0-44.3 6.3-51.1-23 0 0 3.2 1.1 0 15.1S92.4 142 66.5 128s-30.6 18.7-5 22.3 58.3-18.4 72.7-22 24.1 5 24.1 12.2c0 20.2-79.2 33.1-83.2-42.5",
fill: "none",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeMiterlimit: 10
}), /*#__PURE__*/React.createElement("circle", {
cx: 97.2,
cy: 58.1,
r: 17.1,
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("g", {
className: "EmptySkills_svg__st7"
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("circle", {
id: "EmptySkills_svg__SVGID_1_",
cx: 147.6,
cy: 58.7,
r: 12.7
})), /*#__PURE__*/React.createElement("clipPath", {
id: "EmptySkills_svg__SVGID_2_"
}, /*#__PURE__*/React.createElement("use", {
xlinkHref: "#EmptySkills_svg__SVGID_1_",
overflow: "visible"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#EmptySkills_svg__SVGID_2_)"
}, /*#__PURE__*/React.createElement("path", {
className: "EmptySkills_svg__st9",
d: "M162.5 47.7l-4.1 26M160.9 47.5l-4.1 26M159.3 47.2l-4.1 26M157.7 47l-4.1 26M156.1 46.7l-4.2 26M154.5 46.5l-4.1 25.9M152.9 46.2l-4.2 26M151.3 45.9l-4.2 26M149.7 45.7l-4.2 26M148.1 45.4l-4.2 26M146.5 45.2l-4.2 26M144.9 44.9l-4.2 26M143.2 44.7l-4.1 26M141.6 44.4l-4.1 26M140 44.2l-4.1 26M138.4 43.9l-4.1 26M136.8 43.6l-4.1 26"
})), /*#__PURE__*/React.createElement("circle", {
className: "EmptySkills_svg__st9",
cx: 147.6,
cy: 58.7,
r: 12.7
})), /*#__PURE__*/React.createElement("g", {
className: "EmptySkills_svg__st7"
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("circle", {
id: "EmptySkills_svg__SVGID_3_",
cx: 34.3,
cy: 61.8,
r: 12.7
})), /*#__PURE__*/React.createElement("clipPath", {
id: "EmptySkills_svg__SVGID_4_"
}, /*#__PURE__*/React.createElement("use", {
xlinkHref: "#EmptySkills_svg__SVGID_3_",
overflow: "visible"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#EmptySkills_svg__SVGID_4_)"
}, /*#__PURE__*/React.createElement("path", {
className: "EmptySkills_svg__st9",
d: "M47.7 50.6l-4.2 26M44.5 50.1l-4.2 26M41.2 49.6l-4.1 26M38 49l-4.1 26.1M34.8 48.5l-4.1 26M31.6 48l-4.1 26M28.4 47.5l-4.2 26M25.2 47L21 73"
})), /*#__PURE__*/React.createElement("circle", {
className: "EmptySkills_svg__st9",
cx: 34.3,
cy: 61.8,
r: 12.7
})));
}
}
EmptySkills.propTypes = EmptyStateProps;
EmptySkills.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptySkills'
}; // if (__DOCS__) {
// EmptySkills.docs = {
// componentGroup: 'Emptystate'
// };
// }