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

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

  return (
    <svg
      viewBox="0 0 100 100"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      className={className}
      width={width}
      height={height}
      {...otherProps}
    >
      <circle cx="50" cy="90" r="10" fill="#CCDFDE" />
      <circle cx="90" cy="50" r="10" fill="#CCDFDE" />
      <circle cx="10" cy="50" r="10" fill="#CCDFDE" />
      <circle cx="78" cy="78" r="10" fill="#CCDFDE" />
      <circle cx="22" cy="78" r="10" fill="#CCDFDE" />
      <circle cx="50" cy="10" r="10" fill="#005E5D" />
      <circle cx="78" cy="22" r="10" fill="#CCDFDE" />
      <circle cx="22" cy="22" r="10" fill="#CCDFDE" />
    </svg>
  );
};

export default MdLoadingSpinnerIcon;