@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
73 lines • 5.93 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default function EmptyRecycleBin(props) {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "EmptyRecycleBin",
...props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#clip0_8054_29338)"
}, /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_primary_fill)",
d: "M200.56 145.499s116.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",
opacity: 0.1
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_plus)",
d: "M37.5 293.249C37.25 293.249 37.5 293.249 37.5 293.249C36.75 293.249 36.25 292.499 36.25 291.999L37.25 273.249C37.25 272.499 37.75 271.999 38.5 271.999C39.25 271.999 39.75 272.499 39.75 273.249L38.75 291.999C38.5 292.749 38 293.249 37.5 293.249Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_plus)",
d: "M47.001 284.498L28.501 283.498C27.751 283.498 27.251 282.748 27.251 282.248C27.251 281.498 28.001 280.998 28.501 280.998L46.751 281.998C47.501 281.998 48.001 282.748 48.001 283.248C48.251 283.998 47.751 284.498 47.001 284.498Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_medium_circle)",
d: "M430.5 51.999C424 51.999 418.75 57.249 418.75 63.749C418.75 70.249 424 75.499 430.5 75.499C437 75.499 442.25 70.249 442.25 63.749C442.25 57.249 436.75 51.999 430.5 51.999ZM430.5 73.249C425.5 73.249 421.25 68.999 421.25 63.749C421.25 58.499 425.5 54.249 430.5 54.249C435.5 54.249 439.75 58.499 439.75 63.749C439.75 68.999 435.5 73.249 430.5 73.249Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_medium_circle)",
d: "M113.5 432.748C108.75 432.748 105 436.498 105 441.248C105 445.998 108.75 449.748 113.5 449.748C118.25 449.748 122 445.998 122 441.248C122 436.748 118.25 432.748 113.5 432.748ZM113.5 447.498C110.25 447.498 107.5 444.748 107.5 441.248C107.5 437.748 110.25 434.998 113.5 434.998C116.75 434.998 119.5 437.748 119.5 441.248C119.5 444.748 116.75 447.498 113.5 447.498Z"
}), /*#__PURE__*/React.createElement("path", {
d: "M154.751 50C150.501 50 147.251 53.5 147.251 57.5C147.251 61.5 150.501 65 154.751 65C159.001 65 162.251 61.5 162.251 57.5C162.251 53.5 159.001 50 154.751 50ZM154.751 62.75C152.001 62.75 149.751 60.5 149.751 57.75C149.751 55 152.001 52.75 154.751 52.75C157.501 52.75 159.751 55 159.751 57.75C159.751 60.5 157.501 62.75 154.751 62.75Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M477 324.5C476.5 324 475.75 324 475.25 324.5L469.25 330L464 324C463.5 323.5 462.75 323.5 462.25 324C461.75 324.5 461.75 325.25 462.25 325.75L467.5 331.75L461.5 337.25C461 337.75 461 338.5 461.5 339C461.75 339.25 462 339.5 462.5 339.5C462.75 339.5 463 339.5 463.25 339.25L469.25 333.75L474.5 339.75C474.75 340 475 340.25 475.5 340.25C475.75 340.25 476 340.25 476.25 340C476.75 339.5 476.75 338.75 476.25 338.25L471 332.25L477 326.75C477.5 326 477.5 325 477 324.5Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_primary_fill)",
d: "M292.002 162.499C292.002 162.499 198.752 100.249 151.502 118.999C104.252 137.749 72.0017 295.499 203.252 366.249C334.502 436.999 394.002 282.999 394.502 255.749C395.002 229.249 394.502 166.249 292.002 162.499Z",
opacity: 0.1
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#clip1_8054_29338)"
}, /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_secondary_fill)",
d: "M361.722 199.462C367.53 194.654 348.577 162.608 319.389 127.887C290.201 93.1658 261.831 68.9167 256.023 73.7251C250.214 78.5336 269.167 110.579 298.355 145.3C327.543 180.021 355.913 204.27 361.722 199.462Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "transparent",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeLinecap: "round",
strokeLinejoin: "round",
strokemMiterlimit: "10",
strokeWidth: 2.5,
d: "M354.238 211.094C354.238 211.094 255.759 147.992 226.411 67.0925C197.064 -13.8072 364.998 141.197 363.368 198.15C361.738 254.78 239.455 114.985 299.781 78.7421C346.085 50.589 355.868 115.956 334.02 117.898C316.411 119.516 409.346 192.325 330.759 226.303C262.933 255.427 169.998 234.07 145.542 227.598C144.238 227.274 144.238 225.333 145.542 225.009C174.238 221.126 295.542 206.564 350.325 232.452L325.868 412.373C325.868 412.373 226.085 433.407 137.716 412.373C137.716 412.373 124.672 212.389 147.825 220.479C165.433 226.627 151.085 347.653 143.585 403.636C141.303 420.786 152.39 436.643 169.02 440.849C199.02 448.292 248.585 456.059 300.107 445.056C314.455 441.82 325.216 429.847 326.52 415.285L354.238 211.094Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_secondary_fill)",
d: "M175.869 393.281C175.869 393.281 170.651 272.255 175.869 262.224C181.086 252.192 265.216 265.783 292.934 259.958C327.499 252.839 316.086 314.97 268.151 325.649C230.977 333.739 286.412 365.128 292.934 385.838C299.456 406.549 175.869 393.281 175.869 393.281Z"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "clip0_8054_29338"
}, /*#__PURE__*/React.createElement("rect", {
width: "450",
height: "400",
fill: "#fff",
transform: "translate(27.5 50)"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "clip1_8054_29338"
}, /*#__PURE__*/React.createElement("rect", {
width: "232.5",
height: "410",
fill: "#fff",
transform: "translate(132.5 42.5)"
}))));
}
EmptyRecycleBin.propTypes = EmptyStateProps;
EmptyRecycleBin.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'EmptyRecycleBin'
};