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

export const IconInformationCircleSolid = 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-information-circle-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12.3088 5.65609C12.3088 6.33738 11.6994 6.88968 10.9476 6.88968 10.1959 6.88968 9.58646 6.33738 9.58646 5.65609 9.58646 4.97479 10.1959 4.42249 10.9476 4.42249 11.6994 4.42249 12.3088 4.97479 12.3088 5.65609ZM7.47961 9.24879C7.50776 9.08303 7.57907 8.73649 7.63912 8.67644 7.71418 8.60138 8.53504 8.27229 9.21847 8.13121 9.62776 8.04672 10.9029 7.98326 11.3064 9.02474 11.5574 9.67266 11.2902 10.5771 11.0143 11.511 10.9554 11.7106 10.8959 11.9119 10.8411 12.1119 10.53 13.2483 10.2882 14.2455 10.9217 14.3476 11.4284 14.4294 11.957 14.2999 12.1579 14.225L12.0251 14.8176C11.2282 15.2297 9.41575 15.8393 8.53298 14.8503 7.924 14.168 8.26357 13.0364 8.62227 11.8411 8.74641 11.4274 8.87285 11.006 8.96305 10.593L8.97814 10.5242C9.1698 9.65231 9.38108 8.69116 7.47961 9.24879Z"
          fill={color}
        />
        <path
          d="M18.335 10C18.335 14.6033 14.6033 18.335 10 18.335C5.39675 18.335 1.66504 14.6033 1.66504 10C1.66504 5.39675 5.39675 1.66504 10 1.66504C14.6033 1.66504 18.335 5.39675 18.335 10ZM17.535 10C17.535 14.1615 14.1615 17.535 10 17.535C5.83857 17.535 2.46504 14.1615 2.46504 10C2.46504 5.83857 5.83857 2.46504 10 2.46504C14.1615 2.46504 17.535 5.83857 17.535 10Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconInformationCircleSolid.displayName = "IconInformationCircleSolid";

export default IconInformationCircleSolid;
