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

function IconPptSmallColorComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-ppt_small_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><rect width="20" height="20" rx="5" fill={useCurrentColor ? 'currentColor' : '#E59B6D'} fillOpacity=".2"/><path d="M5.82832 4.70601H10.2683C12.8183 4.70601 14.0933 5.78602 14.0933 7.96102C14.0933 10.151 12.8033 11.246 10.2383 11.246H7.46332V15.416H5.82832V4.70601ZM7.46332 6.10101V9.85102H10.1333C10.9433 9.85102 11.5283 9.70102 11.9033 9.40102C12.2633 9.10102 12.4583 8.62102 12.4583 7.96102C12.4583 7.30102 12.2633 6.82102 11.8883 6.55102C11.5133 6.25102 10.9283 6.10101 10.1333 6.10101H7.46332Z" fill={useCurrentColor ? 'currentColor' : '#E59B6D'}/></svg>;
}

const IconPptSmallColor = React.forwardRef(IconPptSmallColorComponent);
export default IconPptSmallColor;
