@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
87 lines (86 loc) • 7 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default class EmptyZSCKey extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyZSCKey",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#ZSCKey_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M200.502 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M35 293.249c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m44.501 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M428 51.999c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.748c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
fill: "var(--zd_emptysvg_cross)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#ZSCKey_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "M149.162 284.739s163.405 8.345 165.484 4.097c2.08-4.248 2.773-32.81-3.466-33.112-6.238-.301-157.979-.904-160.782 2.139-2.803 3.043-1.236 26.906-1.236 26.906v-.03ZM149.162 340.176s163.405 8.346 165.484 4.098c2.08-4.249 2.773-32.811-3.466-33.112-6.238-.302-157.979-.904-160.782 2.139-2.803 3.043-1.236 26.905-1.236 26.905v-.03Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M184.393 320.441v14.01M177.853 329.992l13.049-5.092M178.636 323.454l11.512 7.984M215.735 320.441v14.01M209.195 329.992l13.05-5.092M209.949 323.454l11.543 7.984M247.048 320.441v14.01M240.538 329.992l13.05-5.092M241.292 323.454l11.512 7.984M278.391 320.441v14.01M271.851 329.992l13.079-5.092M272.635 323.454l11.512 7.984",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "transparent"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "M231.497 208.814c-9.614-4.097-13.531-15.637-8.438-24.796 3.707-6.628 9.975-12.986 20.342-12.654 21.368.723 16.033 23.169 10.699 22.808-5.334-.362 12.115-50.226 41.68-49.171 29.565 1.054 47.406 25.64 42.765 33.835-4.641 8.195-1.055-26.725 45.628-13.197 46.682 13.528-12.357 61.735-92.642 54.865-31.735-2.711-49.757-7.381-60.004-11.72l-.03.03Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M206.393 204.506c-10.91-10.726-10.759-43.447 29.504-49.141 33.151-4.67 41.258 28.08 33.151 29.316-8.107 1.235-9.915-30.582 0-43.266 12.386-15.818 24.14-17.415 40.263-15.004 26.612 4.007 42.886 35.944 36.316 45.856-2.351 2.019-5.937.452-6.118-2.621-.181-3.615 1.205-7.833.603-8.737-.995-1.477-7.535-4.731-7.535-4.731-.813.362-4.43 9.16-8.227 8.045-3.797-1.115-5.545-10.274-5.545-10.274s-9.765 1.265-9.554 2.591c.211 1.326 1.748 10.394-.241 11.539-1.989 1.145-10.428-2.38-10.428-2.38s-5.304 5.875-4.912 7.291c.392 1.417 7.474 4.339 6.6 9.702-.361 2.139-7.956 7.291-9.342 6.207-.694-.543 1.989 7.592 1.989 7.592 1.959 1.657 7.474-2.35 11.15.091 3.677 2.44-2.079 10.304-.693 12.563 1.387 2.26 7.173 3.194 7.173 3.194 2.923-3.826 8.619-7.984 10.638-6.417 2.02 1.566 2.472 8.134 4.762 8.315 2.291.181 7.504-1.506 8.107-2.199.603-.693-1.025-9.581.332-10.997 1.356-1.416 9.463 1.928 10.819 2.079 1.356.15 2.863-.633 4.159-5.062 1.296-4.429-4.581-4.821-6.872-9.34 0 0-1.868-7.834 2.411-7.502 4.28.331 9.795.18 9.795.18s-.181-9.611-1.205-10.123c-1.025-.512-9.222-.151-10.036-.693-5.726-3.977 10.216-17.505 22.392-20.548 41.167-11.238 70.401 43.386 28.66 63.211-3.676 1.747-7.926 3.435-12.657 5.032l-6.48 1.566-12.748 3.887c-29.233 6.99-66.483 10.786-94.179 7.773 0 0-79.17-8.798-80.949-49.743 0 0-8.739-38.053 63.409-36.727.272-4.761 2.11-9.039 5.907-12.805-60.968.12-132.272 2.38-134.653 5.061-4.189 4.61-2.11 225.698-2.17 233.622-.06 7.924 222.986.15 222.986.15s2.501-63.994 3.526-125.216",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "transparent"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "M318.021 183.536c2.14-1.657-.602-2.682-.391-3.887.301-1.807 1.386-3.796 4.701-3.073 5.756 1.266 11.271 7.261 5.997 13.619-5.274 6.357-15.49-.181-14.285-4.49.452-1.627 3.346-1.717 3.948-2.169h.03Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M321.849 193.719c5.026 0 9.101-4.073 9.101-9.099 0-5.025-4.075-9.099-9.101-9.099-5.027 0-9.102 4.074-9.102 9.099 0 5.026 4.075 9.099 9.102 9.099Z",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "transparent"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "ZSCKey_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(25 50)",
d: "M0 0h450v400H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "ZSCKey_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(118 124)",
d: "M0 0h298.239v252H0z"
}))));
}
}
EmptyZSCKey.propTypes = EmptyStateProps;
EmptyZSCKey.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyZSCKey'
};