import React from 'react';

interface AiIconProps {
  size?: number;
  className?: string;
}

const AiIcon: React.FC<AiIconProps> = ({ size = 16, className = '' }) => {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 16 16"
      className={className}
      fill="currentColor"
    >
      {/* Three stars arranged to represent AI */}
      <g>
        {/* Top star */}
        <path d="M8 2l1.5 3h3l-2.5 2 1 3L8 8.5 5 10l1-3-2.5-2h3L8 2z" />
        {/* Bottom left star */}
        <path d="M4 12l1 2h2l-1.5 1.5.5 2L4 16l-1.5 1.5.5-2L1.5 14h2l1-2z" />
        {/* Bottom right star */}
        <path d="M12 12l1 2h2l-1.5 1.5.5 2L12 16l-1.5 1.5.5-2L9.5 14h2l1-2z" />
      </g>
    </svg>
  );
};

export default AiIcon;