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

function IconFullScreenComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-FullScreen${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_8098b34f58__clip0_2910_44816)"><path d="M5.53125 9.52734C5.7916 9.26699 6.21361 9.26699 6.47396 9.52734 6.73431 9.78769 6.73431 10.2097 6.47396 10.4701L3.61198 13.332H5.20247C5.57066 13.332 5.86914 13.6305 5.86914 13.9987 5.86914 14.3669 5.57066 14.6654 5.20247 14.6654H2.0026C1.63441 14.6654 1.33594 14.3669 1.33594 13.9987V10.7988C1.33594 10.4306 1.63441 10.1322 2.0026 10.1322 2.37079 10.1322 2.66927 10.4306 2.66927 10.7988V12.3893L5.53125 9.52734zM14.6693 5.19857C14.6693 5.56676 14.3708 5.86523 14.0026 5.86523 13.6344 5.86523 13.3359 5.56676 13.3359 5.19857V3.60807L10.474 6.47005C10.2136 6.7304 9.7916 6.7304 9.53125 6.47005 9.2709 6.2097 9.2709 5.78769 9.53125 5.52734L12.3932 2.66536H10.8027C10.4345 2.66536 10.1361 2.36689 10.1361 1.9987 10.1361 1.63051 10.4345 1.33203 10.8027 1.33203H14.0026C14.3708 1.33203 14.6693 1.63051 14.6693 1.9987V5.19857zM1.33594 5.19857V1.9987C1.33594 1.63051 1.63441 1.33203 2.0026 1.33203H5.20247C5.57066 1.33203 5.86914 1.63051 5.86914 1.9987 5.86914 2.36689 5.57066 2.66536 5.20247 2.66536H3.61198 2.66927V3.60807 5.19857C2.66927 5.56676 2.37079 5.86523 2.0026 5.86523 1.63441 5.86523 1.33594 5.56676 1.33594 5.19857zM13.3359 12.3893V10.7988C13.3359 10.4306 13.6344 10.1322 14.0026 10.1322 14.3708 10.1322 14.6693 10.4306 14.6693 10.7988V13.9987C14.6693 14.3669 14.3708 14.6654 14.0026 14.6654H10.8027C10.4345 14.6654 10.1361 14.3669 10.1361 13.9987 10.1361 13.6305 10.4345 13.332 10.8027 13.332H12.3932 13.3359V12.3893z"/></g><defs><clipPath id="svg_8098b34f58__clip0_2910_44816"><path d="M0 0H16V16H0z"/></clipPath></defs></svg>;
}

const IconFullScreen = React.forwardRef(IconFullScreenComponent);
export default IconFullScreen;
