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

export const IconLogoGoogleSolid = 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-logo-google-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.39655 9.99995C5.39655 9.4858 5.48431 8.99257 5.63958 8.53038L2.91361 6.49268C2.36592 7.58067 2.0815 8.78201 2.08326 9.99995C2.08326 11.2604 2.38165 12.4492 2.91226 13.5045L5.63688 11.4634C5.47801 10.9918 5.39685 10.4976 5.39655 9.99995Z"
          fill={color}
        />
        <path
          d="M10.1842 5.3221C11.3251 5.3221 12.3559 5.7175 13.166 6.36524L15.5227 4.06237C14.0868 2.83908 12.2459 2.08337 10.1842 2.08337C6.98296 2.08337 4.23133 3.8748 2.91357 6.49277L5.6409 8.53047C6.26872 6.66415 8.05903 5.3221 10.1842 5.3221Z"
          fill={color}
        />
        <path
          d="M10.1842 14.678C8.05836 14.678 6.26805 13.3359 5.63955 11.4696L2.91357 13.5073C4.23066 16.1253 6.98228 17.9167 10.1842 17.9167C12.1595 17.9167 14.0456 17.2305 15.462 15.9438L12.8737 13.9857C12.1439 14.4357 11.2245 14.678 10.1835 14.678"
          fill={color}
        />
        <path
          d="M17.9166 10C17.9166 9.53241 17.8424 9.02838 17.7323 8.56079H10.1836V11.6194H14.5284C14.3117 12.6625 13.7203 13.4641 12.8745 13.9857L15.462 15.9437C16.9492 14.5929 17.9166 12.5809 17.9166 10Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconLogoGoogleSolid.displayName = "IconLogoGoogleSolid";

export default IconLogoGoogleSolid;