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

function IconExportBoldComponent(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-export-bold${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><path fillRule="evenodd" d="M13.647 1.014a.992.992 0 0 0-.675-.264h-1.911c-.25 0-.49.094-.672.264a.882.882 0 0 0-.28.64v8.61L7.28 7.59a.986.986 0 0 0-.673-.265.981.981 0 0 0-.675.264l-1.349 1.28a.88.88 0 0 0-.205.29.88.88 0 0 0 .205.99l6.744 6.391a1 1 0 0 0 1.35-.003l6.744-6.392a.882.882 0 0 0 .282-.64.886.886 0 0 0-.279-.639l-1.349-1.278a.98.98 0 0 0-.673-.264.983.983 0 0 0-.675.262l-2.804 2.656V1.655a.888.888 0 0 0-.277-.641Zm9.596 19.682a2.85 2.85 0 0 0 .007-.21v-2.872c0-1.042-.456-1.564-1.37-1.564h-1.012c-.912 0-1.368.522-1.368 1.564V19.5h-15v-1.886c0-1.042-.456-1.564-1.37-1.564H2.12c-.914 0-1.37.522-1.37 1.564v2.871c0 .073.002.143.007.21a2.168 2.168 0 0 0-.007.173v1.013c0 .913.522 1.369 1.564 1.369h19.372c1.042 0 1.564-.456 1.564-1.368v-1.013c0-.06-.002-.117-.007-.173Z" clipRule="evenodd"/></svg>;
}

const IconExportBold = React.forwardRef(IconExportBoldComponent);
export default IconExportBold;
