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

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

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-pptFile${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M4 2H8.6896C11.4146 2 12.793 3.15656 12.793 5.46967C12.793 7.79862 11.4146 8.97102 8.65791 8.97102H5.85366V13.3121H4V2ZM5.85366 3.58432V7.3867H8.54701C9.37085 7.3867 9.9729 7.22827 10.3531 6.94309C10.7334 6.64207 10.9235 6.15093 10.9235 5.46967C10.9235 4.78841 10.7175 4.31311 10.3373 4.02793C9.95705 3.72691 9.35501 3.58432 8.54701 3.58432H5.85366Z"/></svg>;
}

const IconPptFile = React.forwardRef(IconPptFileComponent);
export default IconPptFile;
