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

function IconPdfSmallColorComponent(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-pdf_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' : '#E37771'} fillOpacity=".2"/><path d="M15.6594 11.3696C15.4 11.0582 14.868 10.9069 14.0331 10.9069C13.5478 10.9069 12.8792 10.9194 12.2074 11.0215C10.3723 9.66554 9.94222 8.20891 9.94222 8.20891C9.94222 8.20891 10.2556 7.40251 10.2755 6.08547C10.2881 5.25291 10.1593 4.63197 9.83093 4.36503C9.69104 4.25132 9.48791 4.15625 9.28343 4.15625C9.12384 4.15625 8.9744 4.20362 8.85195 4.29418C7.89798 4.99966 8.93951 8.32545 8.96738 8.41405C8.51718 9.53379 7.95007 10.7201 7.36637 11.7625C7.17671 12.1011 7.17671 12.1077 7.04932 12.2614C7.04932 12.2614 5.37939 13.1103 4.59634 14.0516C4.1539 14.5834 4.13955 14.9485 4.16303 15.2222C4.20089 15.5503 4.60903 15.8437 5.01991 15.8437C5.03695 15.8437 5.0541 15.8432 5.07089 15.8422C5.48848 15.8161 5.95297 15.6984 6.46985 15.1972C6.84404 14.8344 7.26483 13.8491 7.80578 12.885C9.35784 12.4388 10.7237 12.121 11.8684 11.9397C12.7078 12.3963 13.9567 12.9133 14.8069 12.9133C15.0921 12.9133 15.3215 12.8546 15.4887 12.7387C15.6889 12.6001 15.7738 12.4274 15.8267 12.1077C15.8795 11.7879 15.806 11.5455 15.6594 11.3696ZM13.8347 11.87C14.6098 11.87 15.0295 12.0102 15.2451 12.1278C15.3116 12.1641 15.36 12.199 15.3943 12.2283C15.3335 12.2766 15.214 12.3375 14.9981 12.3375C14.6399 12.3375 14.1699 12.182 13.5966 11.8742C13.6781 11.8714 13.7575 11.87 13.8347 11.87ZM9.38281 4.86083C9.38321 4.85977 9.38364 4.85866 9.38413 4.85752C9.50516 4.94887 9.56163 5.59044 9.55029 5.96245C9.53506 6.46167 9.53145 6.65456 9.47031 6.96127C9.30457 6.32185 9.29281 5.17251 9.38281 4.86083ZM9.42105 9.53252C9.79912 10.1708 10.2785 10.8172 10.8187 11.3108C9.76436 11.5424 8.88888 11.755 8.25898 11.981C8.93417 10.7824 9.37672 9.65131 9.42105 9.53252ZM5.16389 14.9406C5.25929 14.796 5.51995 14.5157 6.18098 13.9737C5.82621 14.8114 5.42779 14.9406 5.0574 15.1425C5.08536 15.0761 5.12053 15.0064 5.16389 14.9406Z" fill={useCurrentColor ? 'currentColor' : '#E37771'}/></svg>;
}

const IconPdfSmallColor = React.forwardRef(IconPdfSmallColorComponent);
export default IconPdfSmallColor;
