export function InfoIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect x="3" y="3" width="18" height="18" rx="9" stroke="currentColor" strokeWidth="2" />
      <path
        d="M9.90005 11.7C9.90005 11.2029 10.303 10.8 10.8 10.8H11.1041C12.4476 10.8 13.4455 12.044 13.1541 13.3555L12.6031 15.8348C12.5615 16.0222 12.704 16.1999 12.896 16.1999H13.2C13.6971 16.1999 14.1 16.6029 14.1 17.0999C14.1 17.597 13.6971 17.9999 13.2 17.9999H12.896C11.5525 17.9999 10.5545 16.7558 10.846 15.4444L11.397 12.965C11.4386 12.7777 11.296 12.5999 11.1041 12.5999H10.8C10.303 12.5999 9.90005 12.197 9.90005 11.7Z"
        fill="currentColor"
      />
      <path
        d="M12 8.39998C12.6628 8.39998 13.2 7.86273 13.2 7.19999C13.2 6.53725 12.6628 6 12 6C11.3373 6 10.8 6.53725 10.8 7.19999C10.8 7.86273 11.3373 8.39998 12 8.39998Z"
        fill="currentColor"
      />
    </svg>
  );
}
