import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconGoogleOriginalComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-google-original${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill="none" {...rest} ref={ref}><g clipPath="url(#svg_4f43844f5e__clip0_17:40)"><path d="M47.532 24.553c0-1.632-.132-3.272-.414-4.877H24.48v9.242h12.963a11.109 11.109 0 01-4.797 7.293v5.997h7.734c4.542-4.18 7.152-10.353 7.152-17.655z" fill={useCurrentColor ? 'currentColor' : '#4285F4'}/><path d="M24.48 48.002c6.473 0 11.932-2.126 15.909-5.794l-7.734-5.997c-2.152 1.464-4.93 2.293-8.166 2.293-6.262 0-11.57-4.224-13.475-9.903H3.033v6.181a24.003 24.003 0 0021.447 13.22z" fill={useCurrentColor ? 'currentColor' : '#34A853'}/><path d="M11.005 28.6a14.375 14.375 0 010-9.189V13.23H3.033a24.02 24.02 0 000 21.553l7.972-6.182z" fill={useCurrentColor ? 'currentColor' : '#FBBC04'}/><path d="M24.48 9.5a13.042 13.042 0 019.207 3.597l6.852-6.852A23.066 23.066 0 0024.48.002 23.995 23.995 0 003.033 13.23l7.972 6.181C12.901 13.724 18.219 9.5 24.48 9.5z" fill={useCurrentColor ? 'currentColor' : '#EA4335'}/></g><defs><clipPath id="svg_4f43844f5e__clip0_17:40"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0h48v48H0z"/></clipPath></defs></svg>;
}

const IconGoogleOriginal = React.forwardRef(IconGoogleOriginalComponent);
export default IconGoogleOriginal;
