import React from "react";

interface InfoIconProps {
  size?: number;
  color?: string;
  className?: string;
}

const InfoIcon: React.FC<InfoIconProps> = ({ size = 20, color = "currentColor", className }) => {
  return (
    <svg
      viewBox="0 0 48 48"
      width={size}
      height={size}
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path d="M24-.023A24.023 24.023 0 1 0 48.023 24 24.051 24.051 0 0 0 24-.023zm0 46.046A22.023 22.023 0 1 1 46.023 24 22.047 22.047 0 0 1 24 46.023z"></path>
      <path d="M23 22h2v12h-2z"></path>
      <circle cx="24" cy="16" r="2"></circle>
    </svg>
  );
};

export default InfoIcon;