import React from 'react';
import type MdIconProps from './icon.model';

const MdZoomIcon: React.FunctionComponent<MdIconProps> = ({ className, ...otherProps }: MdIconProps) => {
  // eslint-disable-next-line no-console
  console.warn('MdZoomIcon is deprecated and will be removed in a future release. Use MdIconSearch instead.');

  return (
    <svg
      viewBox="0 0 32 32"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      className={className}
      {...otherProps}
    >
      <path
        d="M27.1856 23.7122L20.9456 17.3122L19.9536 18.3042L18.0816 16.3522C19.3736 14.8961 20.0904 13.0189 20.0976 11.0722C20.1233 9.01529 19.3329 7.03202 17.8994 5.55661C16.466 4.08121 14.5064 3.2339 12.4496 3.2002C10.39 3.23389 8.42792 4.0834 6.99405 5.56228C5.56017 7.04115 4.77166 9.02854 4.8016 11.0882C4.77166 13.1479 5.56017 15.1352 6.99405 16.6141C8.42792 18.093 10.39 18.9425 12.4496 18.9762C14.0586 18.9693 15.6209 18.4354 16.8976 17.4562L18.8176 19.4402L19.3936 18.8962L17.7936 20.4962L24.0336 26.9922C24.4381 27.3928 24.9843 27.6175 25.5536 27.6175C26.1229 27.6175 26.6691 27.3928 27.0736 26.9922C27.3002 26.7866 27.4833 26.5376 27.612 26.2599C27.7406 25.9823 27.8123 25.6817 27.8228 25.3759C27.8332 25.07 27.7822 24.7652 27.6728 24.4795C27.5633 24.1937 27.3977 23.9328 27.1856 23.7122ZM6.3856 11.0882C6.37076 10.2771 6.51585 9.47106 6.81259 8.71606C7.10933 7.96107 7.55189 7.27193 8.11501 6.68801C8.67813 6.10409 9.35078 5.63682 10.0945 5.31291C10.8383 4.98899 11.6385 4.81477 12.4496 4.8002C14.0835 4.838 15.6362 5.52023 16.7691 6.69813C17.9021 7.87603 18.5234 9.45407 18.4976 11.0882C18.5276 12.7235 17.9077 14.304 16.7739 15.4828C15.64 16.6616 14.0849 17.3426 12.4496 17.3762C10.8143 17.3426 9.25919 16.6616 8.12535 15.4828C6.99152 14.304 6.3716 12.7235 6.4016 11.0882H6.3856Z"
        fill="currentColor"
      />
    </svg>
  );
};

export default MdZoomIcon;
