import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function NotifyOff(theme: IconTheme | undefined = undefined) {
  return !theme?.applyZoom ? (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M35.7501 33.8067L8.74508 5.94L6.41675 8.26833L11.5501 13.4017V13.42C10.5967 15.235 10.0834 17.38 10.0834 19.69V28.8567L6.41675 32.5233V34.3567H31.5884L35.2551 38.0233L37.5834 35.695L35.7501 33.8067ZM21.0834 39.875C23.1184 39.875 24.7501 38.2433 24.7501 36.2083H17.4167C17.4167 38.2433 19.0484 39.875 21.0834 39.875ZM32.0834 26.455V19.7083C32.0834 14.0617 29.0767 9.36833 23.8334 8.12167V6.875C23.8334 5.35333 22.6051 4.125 21.0834 4.125C19.5617 4.125 18.3334 5.35333 18.3334 6.875V8.12167C18.0584 8.17667 17.8017 8.26833 17.5634 8.34167C17.3801 8.39667 17.1967 8.47 17.0134 8.54333H16.9951C16.9767 8.54333 16.9767 8.54333 16.9584 8.56167C16.5367 8.72667 16.1151 8.92833 15.7117 9.13C15.7117 9.13 15.6934 9.13 15.6934 9.14833L32.0834 26.455Z"
        id="NotifyOff"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  ) : (
    <svg
      width="12"
      height="14"
      viewBox="0 0 12 14"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M11 11.2933L1.18004 1.16L0.333374 2.00667L2.20004 3.87333V3.88C1.85337 4.54 1.66671 5.32 1.66671 6.16V9.49333L0.333374 10.8267V11.4933H9.48671L10.82 12.8267L11.6667 11.98L11 11.2933ZM5.66671 13.5C6.40671 13.5 7.00004 12.9067 7.00004 12.1667H4.33337C4.33337 12.9067 4.92671 13.5 5.66671 13.5ZM9.66671 8.62V6.16667C9.66671 4.11333 8.57337 2.40667 6.66671 1.95333V1.5C6.66671 0.946667 6.22004 0.5 5.66671 0.5C5.11337 0.5 4.66671 0.946667 4.66671 1.5V1.95333C4.56671 1.97333 4.47337 2.00667 4.38671 2.03333C4.32004 2.05333 4.25337 2.08 4.18671 2.10667H4.18004C4.17337 2.10667 4.17337 2.10667 4.16671 2.11333C4.01337 2.17333 3.86004 2.24667 3.71337 2.32C3.71337 2.32 3.70671 2.32 3.70671 2.32667L9.66671 8.62Z"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default NotifyOff;
