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

function IconNewWindow1Component(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-new-window-1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M6.7085 1.02081C6.86958 1.02081 7.00016 1.1514 7.00016 1.31248V2.18748C7.00016 2.34856 6.86958 2.47915 6.7085 2.47915H2.47933V11.5208H11.521V7.29165C11.521 7.13056 11.6516 6.99998 11.8127 6.99998H12.6877C12.8487 6.99998 12.9793 7.13056 12.9793 7.29165V12.6875C12.9793 12.8486 12.8487 12.9791 12.6877 12.9791H1.31266C1.15158 12.9791 1.021 12.8486 1.021 12.6875V1.31248C1.021 1.1514 1.15158 1.02081 1.31266 1.02081H6.7085Z"/><path d="M9.10224 1.02081C8.97231 1.02081 8.90725 1.1779 8.99912 1.26977L10.3469 2.61757L6.68687 6.27763C6.57297 6.39153 6.57297 6.5762 6.68687 6.69011L7.30559 7.30882C7.41949 7.42273 7.60416 7.42273 7.71807 7.30882L11.3781 3.64877L12.7304 5.00103C12.8222 5.0929 12.9793 5.02783 12.9793 4.89791V1.16665C12.9793 1.0861 12.914 1.02081 12.8335 1.02081H9.10224Z"/></svg>;
}

const IconNewWindow1 = React.forwardRef(IconNewWindow1Component);
export default IconNewWindow1;
