interface EmptyOrdersIconType {
  className?: string;
  onClick?: () => void;
}

const EmptyOrdersIcon = ({ className, onClick }: EmptyOrdersIconType) => {
  return (
    <svg
      width="93"
      height="93"
      viewBox="0 0 93 93"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <path
        d="M31.9688 6.0127H49.4062C54.0766 6.0127 57.9248 9.86093 57.9248 14.5312V14.7314H66.8438C71.5141 14.7314 75.3623 18.5797 75.3623 23.25V66.8438C75.3623 67.5615 75.0778 68.2503 74.5703 68.7578C74.0628 69.2653 73.374 69.5498 72.6562 69.5498C71.9385 69.5498 71.2497 69.2653 70.7422 68.7578C70.2347 68.2503 69.9502 67.5615 69.9502 66.8438V23.25C69.9502 21.4802 68.6167 20.1436 66.8438 20.1436H57.9248V20.3438C57.9248 25.0141 54.0766 28.8623 49.4062 28.8623H31.9688C27.2984 28.8623 23.4502 25.0141 23.4502 20.3438V20.1436H14.5312C12.7613 20.1436 11.4248 21.4801 11.4248 23.25V78.4688C11.4248 80.2387 12.7613 81.5752 14.5312 81.5752H55.2188C55.9365 81.5752 56.6253 81.8597 57.1328 82.3672C57.6403 82.8747 57.9248 83.5635 57.9248 84.2812C57.9248 84.999 57.6403 85.6878 57.1328 86.1953C56.6253 86.7028 55.9365 86.9873 55.2188 86.9873H14.5312C9.86093 86.9873 6.0127 83.1391 6.0127 78.4688V23.25C6.0127 18.5797 9.86093 14.7314 14.5312 14.7314H23.4502V14.5312C23.4502 9.86093 27.2984 6.0127 31.9688 6.0127ZM31.9688 11.4248C30.1988 11.4248 28.8623 12.7613 28.8623 14.5312V20.3438C28.8623 22.1137 30.1988 23.4502 31.9688 23.4502H49.4062C51.1792 23.4502 52.5127 22.1135 52.5127 20.3438V14.5312C52.5127 12.7615 51.1792 11.4248 49.4062 11.4248H31.9688Z"
        stroke="#5F6C7B"
        strokeWidth="0.4"
      />
      <path
        d="M84.1431 64.1405C84.6189 64.1156 85.0907 64.2162 85.5151 64.4335C85.9394 64.6507 86.299 64.9762 86.5571 65.3768C86.8153 65.7775 86.9625 66.2396 86.9849 66.7157C87.0072 67.1918 86.9035 67.6656 86.6841 68.0887L86.6831 68.0907L80.8823 79.6786C80.6575 80.1284 80.3111 80.507 79.8833 80.7714C79.4556 81.0355 78.9622 81.1749 78.4595 81.1747H66.8608C66.358 81.1749 65.8648 81.0357 65.437 80.7714C65.0627 80.5401 64.7514 80.221 64.5288 79.8436L64.439 79.6786L59.4458 69.6981L59.3901 69.5878H55.2593C54.5415 69.5878 53.8527 69.3023 53.3452 68.7948C52.838 68.2874 52.5533 67.5992 52.5532 66.8817C52.5532 66.164 52.8378 65.4752 53.3452 64.9677C53.8527 64.4601 54.5415 64.1757 55.2593 64.1757H61.0601C61.5619 64.1754 62.0538 64.3148 62.481 64.578C62.908 64.8412 63.2537 65.2177 63.479 65.6659L68.4751 75.6493L68.5308 75.7596H76.7905L76.8452 75.6493L81.8413 65.6659L81.8423 65.6639C82.0538 65.2271 82.3791 64.8548 82.7837 64.5868C83.1377 64.3523 83.5414 64.2047 83.9614 64.1552L84.1431 64.1405Z"
        stroke="#5F6C7B"
        strokeWidth="0.4"
      />
      <path
        d="M66.8438 81.5254C68.366 81.5254 69.5996 82.759 69.5996 84.2812C69.5996 85.8035 68.366 87.0371 66.8438 87.0371C65.3215 87.0371 64.0879 85.8035 64.0879 84.2812C64.0879 82.759 65.3215 81.5254 66.8438 81.5254Z"
        stroke="#5F6C7B"
        strokeWidth="0.3"
      />
      <path
        d="M78.4688 81.5254C79.991 81.5254 81.2246 82.759 81.2246 84.2812C81.2246 85.8035 79.991 87.0371 78.4688 87.0371C76.9465 87.0371 75.7129 85.8035 75.7129 84.2812C75.7129 82.759 76.9465 81.5254 78.4688 81.5254Z"
        stroke="#5F6C7B"
        strokeWidth="0.3"
      />
    </svg>
  );
};

export default EmptyOrdersIcon;
