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

export const IconQuestionMarkCircleOutline = 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-shein-icon customeow-shein-icon-icon-question-mark-circle-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M8.62509 8.14313C8.62509 7.84271 8.73066 7.48707 8.97005 7.2153 9.19438 6.96064 9.5773 6.73193 10.2395 6.73193 10.9122 6.73193 11.3656 7.1343 11.5497 7.68047 11.7389 8.24181 11.6233 8.90868 11.1461 9.36599L11.1111 9.39955C10.6014 9.888 10.1795 10.2923 9.88993 10.6474 9.58888 11.0166 9.35174 11.4249 9.35174 11.924H10.6017C10.6017 11.8504 10.6277 11.7206 10.8587 11.4373 11.0946 11.148 11.4609 10.7957 12.011 10.2685 12.8729 9.44253 13.0621 8.25425 12.7342 7.28125 12.4012 6.29309 11.5156 5.48193 10.2395 5.48193 9.25174 5.48193 8.51495 5.84087 8.03206 6.38906 7.56424 6.92016 7.37509 7.58262 7.37509 8.14313H8.62509ZM9.35174 12.9975V14.1952H10.6017V12.9975H9.35174Z"
        fill={color}
      />
      <path
        d="M18.3334 10.0001C18.3334 14.6025 14.6025 18.3334 10.0001 18.3334C5.39771 18.3334 1.66675 14.6025 1.66675 10.0001C1.66675 5.39771 5.39771 1.66675 10.0001 1.66675C14.6025 1.66675 18.3334 5.39771 18.3334 10.0001ZM17.0834 10.0001C17.0834 13.9121 13.9121 17.0834 10.0001 17.0834C6.08806 17.0834 2.91675 13.9121 2.91675 10.0001C2.91675 6.08806 6.08806 2.91675 10.0001 2.91675C13.9121 2.91675 17.0834 6.08806 17.0834 10.0001Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconQuestionMarkCircleOutline.displayName = "IconQuestionMarkCircleOutline";

export default IconQuestionMarkCircleOutline;