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

function IconBrowserComponent(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-Browser${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_ef15fd2f45__clip0_12028_14412)"><path d="M10.3321 4.77799C10.9123 4.47082 11.5402 5.09869 11.233 5.67891L9.40584 9.1302C9.34332 9.24828 9.24679 9.3448 9.12871 9.40733L5.67742 11.2345C5.13351 11.5224 4.54725 10.9886 4.72909 10.4427L4.7765 10.3336L6.60366 6.88228C6.66619 6.76417 6.76268 6.66768 6.88079 6.60514L10.3321 4.77799ZM7.68549 7.68698L6.96826 9.04227L8.32355 8.32503L9.04124 6.96928L7.68549 7.68698Z"/><path d="M8.0013 15.3327C12.0514 15.3327 15.3346 12.0494 15.3346 7.99935C15.3346 3.94926 12.0514 0.666016 8.0013 0.666016C3.95122 0.666016 0.667969 3.94926 0.667969 7.99935C0.667969 12.0494 3.95122 15.3327 8.0013 15.3327ZM8.0013 13.9993C4.6876 13.9993 2.0013 11.3131 2.0013 7.99935C2.0013 4.68564 4.6876 1.99935 8.0013 1.99935C11.315 1.99935 14.0013 4.68564 14.0013 7.99935C14.0013 11.3131 11.315 13.9993 8.0013 13.9993Z"/></g><defs><clipPath id="svg_ef15fd2f45__clip0_12028_14412"><path d="M0 0H16V16H0z"/></clipPath></defs></svg>;
}

const IconBrowser = React.forwardRef(IconBrowserComponent);
export default IconBrowser;
