import * as React from "react";

const EmptyDataIllustration = ({ width = "74", height = "72" }) => {
  return (
    <svg width={width} height={height} viewBox="0 0 74 72">
      <title>Empty data illustration</title>
      <g transform="translate(1 1)" fill="none" fill-rule="evenodd">
        <path
          d="M45.708 15.742h-19.4a1.666 1.666 0 0 0-1.668 1.661l-.222 41.947-5.084 1.588a.89.89 0 0 1-1.11-.588L4.39 15.223a.886.886 0 0 1 .59-1.106l7.334-2.237 21.262-6.482 7.334-2.237a.891.891 0 0 1 1.111.587l3.619 11.773.067.221z"
          fill="#CEE6E5"
        />
        <path
          d="M49.942 15.52 45.581 1.333A1.883 1.883 0 0 0 44.66.22a1.896 1.896 0 0 0-1.44-.137L32.908 3.226 11.65 9.71 1.336 12.854a1.883 1.883 0 0 0-1.254 2.351l14.906 48.492a1.892 1.892 0 0 0 2.36 1.25l7.069-2.156.222-.068v-.232l-.222.068-7.134 2.176a1.67 1.67 0 0 1-2.083-1.102L.296 15.14a1.653 1.653 0 0 1 .121-1.266c.208-.389.562-.68.985-.808L11.714 9.92l21.26-6.482L43.287.294a1.668 1.668 0 0 1 2.082 1.102L49.71 15.52l.069.221h.23l-.067-.221z"
          stroke="#7BBCB9"
          stroke-width="1.2"
        />
        <path
          d="M13.639 14.153c-.44 0-.828-.286-.958-.705L11.25 8.789a.993.993 0 0 1 .664-1.244l19.56-5.965a1.002 1.002 0 0 1 1.25.661L34.155 6.9a.997.997 0 0 1-.664 1.245l-19.56 5.964a1 1 0 0 1-.292.044z"
          fill="#7BBCB9"
        />
        <ellipse fill="#C6C6C6" cx="21.14" cy="2.762" rx="2.223" ry="2.215" />
        <ellipse
          fill="#FFF"
          fill-rule="nonzero"
          cx="21.14"
          cy="2.762"
          rx="1.408"
          ry="1.402"
        />
        <path
          d="M66.997 66.735H29.42c-.521 0-.944-.442-.944-.987V18.722c0-.545.423-.986.944-.987h37.577c.522 0 .945.442.945.987v47.026c0 .545-.423.987-.945.987z"
          fill="#CEE6E5"
        />
        <path
          d="M49.71 15.52H26.308a1.889 1.889 0 0 0-1.89 1.883v45.156l.222-.068V17.403a1.666 1.666 0 0 1 1.668-1.66h23.47l-.068-.222zm20.4 0H26.308a1.889 1.889 0 0 0-1.89 1.883v50.715A1.889 1.889 0 0 0 26.308 70H70.11A1.889 1.889 0 0 0 72 68.118V17.403a1.889 1.889 0 0 0-1.89-1.882zm1.668 52.598a1.666 1.666 0 0 1-1.668 1.66H26.308a1.666 1.666 0 0 1-1.668-1.66V17.403a1.666 1.666 0 0 1 1.668-1.66H70.11c.92 0 1.667.743 1.668 1.66v50.715z"
          stroke="#7BBCB9"
          stroke-width="1.2"
        />
        <path
          d="M58.437 20.393H37.98a1 1 0 0 1-1-.997v-4.872a1 1 0 0 1 1-.997h20.456a1 1 0 0 1 1 .997v4.872a1 1 0 0 1-1 .997z"
          fill="#7BBCB9"
        />
        <ellipse fill="#C6C6C6" cx="48.209" cy="11.645" rx="2.223" ry="2.215" />
        <ellipse
          fill="#FFF"
          fill-rule="nonzero"
          cx="48.209"
          cy="11.645"
          rx="1.354"
          ry="1.349"
        />
      </g>
    </svg>
  );
};

export default EmptyDataIllustration;