import type { SVGProps } from "react";

export interface GoogleNeutralProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * GoogleNeutral icon from social-media category
 *
 * @example
 * <GoogleNeutral size={16} />
 * <GoogleNeutral size={32} className="text-primary" />
 */
export const GoogleNeutral = ({ size = 16, ...props }: GoogleNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M21.5575 10.4807L21.458 10.0587H12.2843V13.9414H17.7655C17.1964 16.6436 14.5557 18.0661 12.3987 18.0661C10.8293 18.0661 9.17491 17.4059 8.07991 16.3448C7.50218 15.776 7.04232 15.0989 6.72664 14.3521C6.41096 13.6054 6.24567 12.8037 6.24023 11.993C6.24023 10.3575 6.97522 8.72161 8.0447 7.64553C9.11417 6.56946 10.7294 5.96738 12.3354 5.96738C14.1746 5.96738 15.4927 6.94399 15.9857 7.38939L18.7447 4.64484C17.9354 3.93362 15.7119 2.14148 12.2465 2.14148C9.57277 2.14148 7.00911 3.16562 5.13511 5.03346C3.28575 6.8727 2.32851 9.5323 2.32851 12C2.32851 14.4677 3.23426 16.9944 5.0264 18.8482C6.94133 20.8252 9.65331 21.8585 12.4458 21.8585C14.9866 21.8585 17.3949 20.863 19.1113 19.0568C20.7987 17.2787 21.6715 14.8185 21.6715 12.2394C21.6715 11.1537 21.5623 10.5089 21.5575 10.4807Z" fill="#111412"/>
  </svg>
);
