@zohodesk/svg/es/emptystate/version3/EmptyCanned.js

This Bundle Contains EmptyState Images.

import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyCanned extends React.Component {
  render() {
    return /*#__PURE__*/React.createElement(SVG, {
      viewBox: "0 0 500 500",
      name: "emptyCanned",
      ...this.props
    }, /*#__PURE__*/React.createElement("g", {
      clipPath: "url(#canned_svg__a)"
    }, /*#__PURE__*/React.createElement("path", {
      opacity: 0.1,
      d: "M198.002 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: "M32.5 293.249s-.25 0 0 0c-.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: "m42 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: "M425.5 51.999C419 51.999 413.75 57.249 413.75 63.749C413.75 70.249 419 75.499 425.5 75.499C432 75.499 437.25 70.249 437.25 63.749C437.25 57.249 431.75 51.999 425.5 51.999ZM425.5 73.249C420.5 73.249 416.25 68.999 416.25 63.749C416.25 58.499 420.5 54.249 425.5 54.249C430.5 54.249 434.75 58.499 434.75 63.749C434.75 68.999 430.5 73.249 425.5 73.249Z",
      fill: "var(--zd_emptysvg_medium_circle)"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M308.5 432.748C303.75 432.748 300 436.498 300 441.248C300 445.998 303.75 449.748 308.5 449.748C313.25 449.748 317 445.998 317 441.248C317 436.748 313.25 432.748 308.5 432.748ZM308.5 447.498C305.25 447.498 302.5 444.748 302.5 441.248C302.5 437.748 305.25 434.998 308.5 434.998C311.75 434.998 314.5 437.748 314.5 441.248C314.5 444.748 311.75 447.498 308.5 447.498Z",
      fill: "var(--zd_emptysvg_small_circle)"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M199.75 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 5ZM472 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_tiny_circle)"
    }), /*#__PURE__*/React.createElement("path", {
      opacity: 0.1,
      d: "M287.002 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(#canned_svg__b)"
    }, /*#__PURE__*/React.createElement("path", {
      d: "M274.462 273.079h-61.991l15.976-64.574h79.586s-43.584 159.07-39.647 159.679c3.938.608 27.812 0 27.812 0l16.876-68.428h60.64s9.721-25.956 6.233-26.677c-3.488-.721-60.078 0-60.078 0l15.976-64.574h60.753s7.425-24.289 6.12-26.542c-1.305-2.253-56.95.676-60.348 0-3.397-.676 16.561-65.476 16.561-65.476s-21.061-.608-27.811 0c-6.751.609-16.561 65.476-16.561 65.476h-79.587l16.561-65.476s-24.099.654-27.812 0c-3.712-.653-16.515 65.476-16.515 65.476s-53.756.315-58.008 0c-4.253-.315-4.501 23.027-6.211 26.677-1.71 3.65 57.693 0 57.693 0l-15.976 64.484s-54.61.902-58.278 0c-3.667-.901-6.75 22.937-6.21 26.677.54 3.741 57.693 0 57.693 0s-17.461 64.71-16.876 68.428c.585 3.717 27.812 0 27.812 0l16.875-68.428 59.066-.383",
      stroke: "var(--zd_emptysvg_primary_stroke)",
      fill: "transparent",
      strokeWidth: 2.5,
      strokeLinecap: "round",
      strokeLinejoin: "round"
    }), /*#__PURE__*/React.createElement("path", {
      opacity: 0.8,
      d: "M185.446 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927ZM290.571 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927Z",
      fill: "var(--zd_emptysvg_secondary_fill)"
    }), /*#__PURE__*/React.createElement("path", {
      opacity: 0.8,
      d: "M394.864 184.396s-.945 19.603-5.625 20.279c-4.681.675-237.635-.564-237.635-.564s.607-17.529 3.69-19.016c3.082-1.487 239.57-.699 239.57-.699ZM367.234 275.22s-.945 19.602-5.625 20.278c-4.681.676-237.658-.518-237.658-.518s.608-17.552 3.69-19.039c3.083-1.487 239.593-.721 239.593-.721Z",
      fill: "var(--zd_emptysvg_secondary_fill)"
    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
      id: "canned_svg__a"
    }, /*#__PURE__*/React.createElement("path", {
      fill: "#fff",
      transform: "translate(22.5 50)",
      d: "M0 0h450v400H0z"
    })), /*#__PURE__*/React.createElement("clipPath", {
      id: "canned_svg__b"
    }, /*#__PURE__*/React.createElement("path", {
      fill: "#fff",
      transform: "translate(119 115)",
      d: "M0 0h285v256H0z"
    }))));
  }

}
EmptyCanned.propTypes = EmptyStateProps;
EmptyCanned.defaultProps = { ...EmptyStateDefaultProps,
  dataId: 'emptyCanned'
}; // if (__DOCS__) {
//   EmptyCanned.docs = {
//     componentGroup: 'Emptystate'
//   };
// }