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

function IconPPTComponent(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-PPT${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M13 1C19.0751 1 24 5.92487 24 12C24 18.0751 19.0751 23 13 23C9.57921 23 6.52336 21.4383 4.50586 18.9893C2.8867 18.9592 1.89915 18.8314 1.2168 18.2764L1.0459 18.1211C0.277055 17.3523 0.180959 16.1736 0.168945 13.9961L0.166992 13V11C0.166992 8.34846 0.166708 6.93955 0.890625 6.0498L1.0459 5.87891C1.73245 5.19256 2.74555 5.04264 4.50488 5.00977C6.52239 2.56075 9.57926 1 13 1ZM13 3C10.8573 3 8.89026 3.74981 7.34473 5H8.16699C10.9951 5 12.4095 5.00028 13.2881 5.87891C14.1665 6.7576 14.167 8.17183 14.167 11V13C14.167 15.8282 14.1665 17.2424 13.2881 18.1211C12.5193 18.8899 11.3403 18.986 9.16309 18.998L8.16699 19H7.34473C8.89026 20.2502 10.8573 21 13 21C17.9706 21 22 16.9706 22 12C22 7.02944 17.9706 3 13 3ZM6.16699 7C4.6966 7 3.79426 7.00411 3.1416 7.0918C2.55322 7.17091 2.46743 7.2848 2.45996 7.29297C2.45416 7.29877 2.33881 7.37954 2.25879 7.97461C2.17104 8.62731 2.16699 9.52925 2.16699 11V13C2.16699 14.4708 2.17104 15.3727 2.25879 16.0254C2.33881 16.6205 2.45416 16.7012 2.45996 16.707C2.46743 16.7152 2.55322 16.8291 3.1416 16.9082C3.79426 16.9959 4.6966 17 6.16699 17H8.16699C9.63746 17 10.5398 16.9959 11.1924 16.9082C11.7871 16.8282 11.8682 16.7128 11.874 16.707C11.8824 16.6994 11.9962 16.6132 12.0752 16.0254C12.1629 15.3727 12.167 14.4707 12.167 13V11C12.167 9.52929 12.1629 8.6273 12.0752 7.97461C11.9962 7.38678 11.8824 7.30058 11.874 7.29297C11.8682 7.28717 11.7871 7.17181 11.1924 7.0918C10.5398 7.00405 9.63746 7 8.16699 7H6.16699ZM7.35059 8.20898C8.20979 8.20898 8.88852 8.4473 9.38672 8.92383C9.87038 9.39305 10.1122 10.0138 10.1123 10.7861C10.1123 11.5731 9.874 12.1981 9.39746 12.6602C8.89927 13.1295 8.22052 13.3643 7.36133 13.3643H5.9209V14.9404C5.92069 15.4097 5.54051 15.7898 5.07129 15.79C4.60188 15.79 4.22091 15.4098 4.2207 14.9404V9.20898C4.2207 8.6567 4.66842 8.20898 5.2207 8.20898H7.35059ZM5.9209 11.8584H7.33984C7.67197 11.8584 7.93591 11.7649 8.13086 11.5771C8.31835 11.3895 8.41203 11.1296 8.41211 10.7979C8.41211 10.4802 8.31853 10.2268 8.13086 10.0391C7.93591 9.84412 7.67197 9.74707 7.33984 9.74707H5.9209V11.8584Z" fillOpacity="1"/></svg>;
}

const IconPPT = React.forwardRef(IconPPTComponent);
export default IconPPT;
