import type { SVGProps } from "react";

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

/**
 * GoogleOriginal icon from social-media category
 *
 * @example
 * <GoogleOriginal size={16} />
 * <GoogleOriginal size={32} className="text-primary" />
 */
export const GoogleOriginal = ({ size = 16, ...props }: GoogleOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_43_476)">
<path d="M11.9998 9.81812V14.4654H18.458C18.1744 15.9599 17.3234 17.2254 16.047 18.0763L19.9416 21.0982C22.2107 19.0037 23.5198 15.9273 23.5198 12.2728C23.5198 11.4219 23.4434 10.6036 23.3015 9.81825L11.9998 9.81812Z" fill="#4285F4"/>
<path d="M5.27468 14.284L4.39631 14.9564L1.28717 17.3782C3.26171 21.2945 7.30868 24 11.9996 24C15.2395 24 17.9558 22.9309 19.9413 21.0982L16.0468 18.0764C14.9777 18.7963 13.614 19.2328 11.9996 19.2328C8.87957 19.2328 6.22874 17.1273 5.27958 14.2909L5.27468 14.284Z" fill="#34A853"/>
<path d="M1.28718 6.62183C0.469042 8.23631 0 10.0581 0 11.9999C0 13.9417 0.469042 15.7636 1.28718 17.378C1.28718 17.3889 5.27997 14.2799 5.27997 14.2799C5.03998 13.5599 4.89812 12.7963 4.89812 11.9998C4.89812 11.2033 5.03998 10.4398 5.27997 9.71976L1.28718 6.62183Z" fill="#FBBC05"/>
<path d="M11.9998 4.77818C13.7671 4.77818 15.338 5.38907 16.5925 6.56727L20.0289 3.13095C17.9452 1.18917 15.2398 0 11.9998 0C7.30893 0 3.26171 2.69454 1.28717 6.62183L5.27984 9.72001C6.22888 6.88362 8.87982 4.77818 11.9998 4.77818Z" fill="#EA4335"/>
</g>
<defs>
<clipPath id="clip0_43_476">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
