@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
95 lines • 9.39 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default function EmptyAPIDashboard(props) {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyApiDashboard",
styleName: {
fill: 'none'
},
...props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#APIDashboard_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
opacity: "0.1",
d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.002 291.25 72.252 257.25C71.752 224 72.252 145.5 200.502 140.5Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M35 293.249C34.75 293.249 35 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.1",
d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5022 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("g", {
"clip-path": "url(#APIDashboard_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
d: "M215.361 200.536C204.92 196.074 200.665 183.508 206.197 173.534C210.223 166.316 217.031 159.394 228.29 159.755C251.496 160.542 245.703 184.985 239.909 184.591C234.116 184.197 253.067 129.899 285.176 131.047C317.284 132.196 336.661 158.967 331.62 167.891C326.58 176.815 330.475 138.79 381.175 153.521C431.874 168.252 367.755 220.746 280.561 213.266C246.095 210.313 226.523 205.227 215.394 200.503L215.361 200.536Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M309.298 173.009C311.622 171.205 308.644 170.089 308.873 168.777C309.2 166.808 310.379 164.643 313.979 165.431C320.23 166.808 326.22 173.337 320.492 180.26C314.764 187.183 303.669 180.063 304.978 175.372C305.469 173.6 308.611 173.501 309.266 173.009H309.298Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M313.488 184.099C318.947 184.099 323.372 179.663 323.372 174.19C323.372 168.718 318.947 164.282 313.488 164.282C308.029 164.282 303.603 168.718 303.603 174.19C303.603 179.663 308.029 184.099 313.488 184.099Z",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: "2.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M339.869 241.612C338.756 308.148 336.039 377.473 336.039 377.473C336.039 377.473 93.5713 385.97 93.6367 377.309L94.7496 348.109V172.944L95.9279 122.648C98.5136 119.728 175.594 117.268 241.775 117.136H252.609C243.903 117.038 238.077 131.08 238.077 131.08C162.567 129.604 167.51 171.074 167.51 171.074C169.441 215.661 255.424 225.241 255.424 225.241C285.503 228.522 325.958 224.388 357.707 216.776L371.552 212.544L378.589 210.838C383.695 209.099 388.343 207.262 392.336 205.359C437.668 183.771 405.952 124.289 361.209 136.526C347.986 139.84 330.639 154.571 336.89 158.902C337.741 159.492 346.644 159.099 347.79 159.656C348.935 160.214 349.099 170.68 349.099 170.68C349.099 170.68 343.142 170.877 338.461 170.483C333.781 170.09 335.843 178.653 335.843 178.653C338.298 183.574 344.713 184 343.306 188.823C341.898 193.646 340.262 194.532 338.789 194.335C337.316 194.138 328.479 190.529 327.038 192.071C325.598 193.613 327.366 203.292 326.678 204.046C325.991 204.801 320.361 206.605 317.874 206.441C315.386 206.277 314.895 199.092 312.702 197.386C310.51 195.68 304.323 200.241 301.149 204.374C301.149 204.374 294.864 203.357 293.359 200.897C291.853 198.436 298.105 189.873 294.112 187.216C290.118 184.558 284.129 188.922 282.001 187.117C282.001 187.117 279.088 178.226 279.841 178.849C281.347 180.031 289.627 174.42 289.987 172.091C290.937 166.251 283.245 163.101 282.819 161.526C282.394 159.952 288.155 153.587 288.155 153.587C288.155 153.587 297.319 157.425 299.479 156.179C301.64 154.932 299.97 145.057 299.741 143.613C299.512 142.169 310.117 140.791 310.117 140.791C310.117 140.791 311.982 150.798 316.139 151.979C320.296 153.16 324.191 143.646 325.075 143.219C325.075 143.219 332.177 146.763 333.257 148.37C333.912 149.354 332.406 153.948 332.603 157.885C332.766 161.231 336.694 162.937 339.247 160.739C346.382 149.945 328.675 115.168 299.807 110.804C282.296 108.147 269.531 109.919 256.079 127.143C245.31 140.955 247.274 175.601 256.079 174.256C264.883 172.911 256.079 137.248 220.075 142.333C176.347 148.534 176.183 184.164 188.032 195.844",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: "2.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M104.438 174.19H134.517L133.339 352.702C133.339 352.702 179.817 352.702 177.591 352.702C175.365 352.702 185.741 260.444 186.494 254.801C187.246 249.158 225.083 256.737 225.836 254.801C226.589 252.865 225.836 352.702 225.836 352.702C225.836 352.702 274.113 351.947 269.662 352.702C265.211 353.456 274.113 293.942 274.113 293.942H299.349V352.702H335.909",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: "2.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M126.596 179.407C126.596 179.407 135.695 357.459 131.048 359.723C126.4 361.987 95.3712 362.741 95.0439 355.95C94.7166 349.126 94.062 183.803 97.3678 180.752C100.674 177.701 126.596 179.407 126.596 179.407Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M216.376 260.28C216.376 260.28 225.476 359.198 220.828 360.445C216.213 361.691 185.151 362.118 184.824 358.345C184.497 354.572 183.842 262.708 187.148 261.035C190.454 259.361 216.376 260.28 216.376 260.28Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M297.646 292.4C297.646 292.4 306.746 359.887 302.098 360.74C297.45 361.593 266.422 361.889 266.094 359.297C265.767 356.705 265.112 294.04 268.418 292.892C271.724 291.744 297.646 292.367 297.646 292.367V292.4Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "APIDashboard_svg__a"
}, /*#__PURE__*/React.createElement("rect", {
width: "450",
height: "400",
fill: "#fff",
transform: "translate(25 50)"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "APIDashboard_svg__b"
}, /*#__PURE__*/React.createElement("rect", {
width: "324",
height: "274.641",
fill: "#fff",
transform: "translate(92 108.18)"
}))));
}
EmptyAPIDashboard.propTypes = EmptyStateProps;
EmptyAPIDashboard.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyApiDashboard'
};