import type { SVGProps } from "react";

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

/**
 * GooglePlayOriginal icon from social-media category
 *
 * @example
 * <GooglePlayOriginal size={16} />
 * <GooglePlayOriginal size={32} className="text-primary" />
 */
export const GooglePlayOriginal = ({ size = 16, ...props }: GooglePlayOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M11.1576 11.463L1.08997 22.0108C1.20301 22.4115 1.40617 22.781 1.68392 23.0911C1.96166 23.4012 2.30664 23.6437 2.69247 23.8001C3.0783 23.9564 3.49478 24.0225 3.91006 23.9932C4.32534 23.964 4.72843 23.8401 5.08852 23.6312L16.4165 17.1795L11.1576 11.463Z" fill="#EA4335"/>
<path d="M21.3378 9.67006L16.439 6.86432L10.9251 11.7031L16.4615 17.1645L21.3228 14.3888C21.7535 14.1633 22.1142 13.8242 22.3659 13.4083C22.6176 12.9924 22.7507 12.5156 22.7507 12.0294C22.7507 11.5433 22.6176 11.0664 22.3659 10.6505C22.1142 10.2346 21.7535 9.89555 21.3228 9.67006H21.3378Z" fill="#FBBC04"/>
<path d="M1.08996 1.99554C1.0291 2.22052 0.998825 2.45267 0.999938 2.68573V21.3206C1.00055 21.5536 1.0308 21.7855 1.08996 22.0108L11.5027 11.7331L1.08996 1.99554Z" fill="#4285F4"/>
<path d="M11.2326 12.0032L16.439 6.86431L5.12603 0.382606C4.70043 0.133346 4.21638 0.00133073 3.72316 5.36551e-06C3.12749 -0.00117508 2.54777 0.192452 2.07237 0.55137C1.59697 0.910289 1.25197 1.41481 1.08997 1.98803L11.2326 12.0032Z" fill="#34A853"/>
  </svg>
);