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

function IconMenteorComponent(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-menteor${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M1 3.96629C1 2.32805 2.32805 1 3.96629 1H14.0337C15.6719 1 17 2.32805 17 3.96629V14.0337C17 15.6719 15.6719 17 14.0337 17H3.96629C2.32805 17 1 15.6719 1 14.0337V3.96629ZM3.96629 2.61798C3.22164 2.61798 2.61798 3.22164 2.61798 3.96629V14.0337C2.61798 14.7783 3.22164 15.382 3.96629 15.382H14.0337C14.7783 15.382 15.382 14.7783 15.382 14.0337V3.96629C15.382 3.22164 14.7783 2.61798 14.0337 2.61798H3.96629Z"/><path d="M5.75336 4.80481C5.86497 4.80481 5.98056 4.8367 6.10014 4.90047C6.2277 4.95628 6.32336 5.03201 6.38714 5.12768L9.29295 9.6L8.69505 9.57608L11.6726 5.12768C11.8241 4.91243 12.0194 4.80481 12.2586 4.80481C12.4499 4.80481 12.6213 4.87257 12.7727 5.0081C12.9242 5.14362 13 5.31901 13 5.53425V12.458C13 12.6652 12.9322 12.8406 12.7967 12.9841C12.6611 13.1197 12.4818 13.1874 12.2586 13.1874C12.0353 13.1874 11.852 13.1197 11.7085 12.9841C11.573 12.8406 11.5052 12.6652 11.5052 12.458V6.82572L11.9716 6.93335L9.53211 10.6523C9.46036 10.74 9.36868 10.8157 9.25707 10.8795C9.15344 10.9433 9.04582 10.9712 8.93421 10.9632C8.83057 10.9712 8.72295 10.9433 8.61134 10.8795C8.5077 10.8157 8.42001 10.74 8.34826 10.6523L6.06427 7.04097L6.37518 6.40719V12.458C6.37518 12.6652 6.3114 12.8406 6.18385 12.9841C6.0563 13.1197 5.88888 13.1874 5.68161 13.1874C5.48231 13.1874 5.31888 13.1197 5.19133 12.9841C5.06378 12.8406 5 12.6652 5 12.458V5.53425C5 5.33495 5.07175 5.16355 5.21525 5.02006C5.36671 4.87656 5.54609 4.80481 5.75336 4.80481Z"/></svg>;
}

const IconMenteor = React.forwardRef(IconMenteorComponent);
export default IconMenteor;
