import React from 'react';

interface LogoProps {
  width?: number;
  height?: number;
  className?: string;
}

const Logo: React.FC<LogoProps> = ({ width = 200, height = 200, className = '' }) => {
  return (
    <svg 
        width={width} 
        height={height} 
        viewBox="0 0 200 200" 
        fill="none" 
        xmlns="http://www.w3.org/2000/svg"
        className={className}
        aria-label="iiEasy Logo"
    >
      <circle cx="100" cy="100" r="70" stroke="#1F2937" strokeWidth="6" fill="none" strokeDasharray="15 85" transform="rotate(-90 100 100)"/>
      <circle cx="100" cy="100" r="50" stroke="#1F2937" strokeWidth="6" fill="none" strokeDasharray="12 58" transform="rotate(-60 100 100)"/>
      <circle cx="100" cy="100" r="30" stroke="#1F2937" strokeWidth="6" fill="none" strokeDasharray="8 32" transform="rotate(-30 100 100)"/>
    </svg>
  );
};

export default Logo;