import { SVGProps } from "react";
import { JSX } from "react/jsx-runtime";

function InfoIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      fill="none"
      {...props}
    >
      <path
        stroke="currentColor"
        strokeWidth={1.5}
        d="M21.25 12a9.25 9.25 0 1 1-18.502 0 9.25 9.25 0 0 1 18.502 0Z"
      />
      <path
        stroke="currentColor"
        strokeLinecap="round"
        strokeWidth={1.5}
        d="M12 7v6"
      />
      <path
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={1.5}
        d="M12.008 17H12v.008h.008V17Z"
      />
    </svg>
  );
}

export default InfoIcon;
