import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconInformationCircleOutline = forwardRef<
  SVGSVGElement,
  IconProps
>(({ color = "currentColor", ...props }, forwardedRef) => {
  const { className } = props;
  props = {
    ...props,
    width: `${props.width || props.size || 20}`,
    height: `${props.height || props.size || 20}`,
    className: `${
      className ? className + " " : ""
    }customeow-icon customeow-icon-icon-information-circle-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M10 3.5C6.53936 3.5 3.5 6.27649 3.5 10C3.5 13.7235 6.53936 16.5 10 16.5C13.4606 16.5 16.5 13.6977 16.5 10C16.5 6.30225 13.4606 3.5 10 3.5ZM2 10C2 5.63253 5.50901 2 10 2C14.491 2 18 5.60956 18 10C18 14.3904 14.473 18 10 18C5.52701 18 2 14.3675 2 10ZM9.25 6.875C9.25 6.46079 9.58579 6.125 10 6.125H10.0063C10.4205 6.125 10.7563 6.46079 10.7563 6.875V6.88125C10.7563 7.29546 10.4205 7.63125 10.0063 7.63125H10C9.58579 7.63125 9.25 7.29546 9.25 6.88125V6.875ZM9.51124 10.1127C9.19095 10.172 8.85714 10.0163 8.70418 9.71041C8.51894 9.33993 8.66911 8.88942 9.03959 8.70418L9.07416 8.68689C10.1249 8.16153 11.3079 9.11056 11.023 10.2502L10.4888 12.3873C10.809 12.328 11.1429 12.4837 11.2958 12.7896C11.4811 13.1601 11.3309 13.6106 10.9604 13.7958L10.9258 13.8131C9.87513 14.3385 8.69206 13.3894 8.97697 12.2498L9.51124 10.1127Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconInformationCircleOutline.displayName = "IconInformationCircleOutline";

export default IconInformationCircleOutline;