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

const MdCancelIcon: React.FunctionComponent<MdIconProps> = ({ className, ...otherProps }: MdIconProps) => {
  // eslint-disable-next-line no-console
  console.warn('MdCancelIcon is deprecated and will be removed in a future release. Use MdIconCancel 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="M20.4155 9.93555L15.7435 14.6075L11.0715 9.93555L9.93555 11.0715L14.6075 15.7435L9.93555 20.4155L11.0715 21.5515L15.7435 16.8795L20.4155 21.5515L21.5515 20.4155L16.8795 15.7435L21.5515 11.0715L20.4155 9.93555Z"
        fill="currentColor"
      />
      <path
        d="M15.7442 3.2002C13.2632 3.2002 10.838 3.93589 8.77513 5.31424C6.71228 6.69259 5.10448 8.6517 4.15506 10.9438C3.20563 13.2359 2.95722 15.7581 3.44123 18.1914C3.92524 20.6247 5.11994 22.8598 6.87425 24.6141C8.62856 26.3685 10.8637 27.5632 13.297 28.0472C15.7303 28.5312 18.2525 28.2828 20.5446 27.3333C22.8367 26.3839 24.7958 24.7761 26.1742 22.7133C27.5525 20.6504 28.2882 18.2252 28.2882 15.7442C28.2882 12.4173 26.9666 9.2267 24.6141 6.87425C22.2617 4.52179 19.0711 3.2002 15.7442 3.2002ZM15.7442 26.6882C13.5797 26.6882 11.4638 26.0463 9.66404 24.8438C7.86431 23.6413 6.46159 21.932 5.63326 19.9323C4.80494 17.9325 4.58821 15.7321 5.01049 13.6091C5.43276 11.4862 6.47508 9.53616 8.00562 8.00562C9.53617 6.47507 11.4862 5.43276 13.6091 5.01048C15.7321 4.5882 17.9325 4.80493 19.9323 5.63326C21.932 6.46158 23.6413 7.8643 24.8438 9.66404C26.0463 11.4638 26.6882 13.5797 26.6882 15.7442C26.6882 18.6467 25.5352 21.4304 23.4828 23.4828C21.4304 25.5352 18.6467 26.6882 15.7442 26.6882Z"
        fill="currentColor"
      />
    </svg>
  );
};

export default MdCancelIcon;
