export default function InfoIcon(props: {
  height: number;
  width: number;
  fill?: string;
  stroke?: string;
  strokeWidth: number;
}) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill={props.fill ? props.fill : "none"}
      viewBox="0 0 24 24"
      strokeWidth={props.strokeWidth}
      height={props.height}
      width={props.width}
      class="stroke-black dark:stroke-white"
    >
      <path
        strokeLinecap="round"
        strokeLinejoin="round"
        d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
      />
    </svg>
  );
}