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

function IconDownloadComponent(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 || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-download${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M11.25 31.5C11.9404 31.5 12.5 32.0596 12.5 32.75V36.5H35.5V32.75C35.5 32.0596 36.0596 31.5 36.75 31.5H39.25C39.9404 31.5 40.5 32.0596 40.5 32.75V39C40.5 40.3807 39.3807 41.5 38 41.5H10C8.61929 41.5 7.5 40.3807 7.5 39V32.75C7.5 32.0596 8.05964 31.5 8.75 31.5H11.25ZM25.1873 28.723L34.5617 19.3487C35.0499 18.8605 35.0499 18.069 34.5617 17.5809L32.7939 15.8131C32.3058 15.325 31.5143 15.325 31.0262 15.8131L26.4997 20.3392L26.5 7.75C26.5 7.05964 25.9404 6.5 25.25 6.5H22.75C22.0596 6.5 21.5 7.05964 21.5 7.75L21.4987 19.7329L17.5807 15.8131C17.0926 15.325 16.3011 15.325 15.813 15.8131L14.0452 17.5809C13.557 18.069 13.557 18.8605 14.0452 19.3487L23.4196 28.723C23.9077 29.2112 24.6992 29.2112 25.1873 28.723Z"/></svg>;
}

const IconDownload = React.forwardRef(IconDownloadComponent);
export default IconDownload;
