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

function IconBleuComponent(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-bleu${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="M9.51759 5C10.288 5 10.8617 5.18056 11.2389 5.54167C11.616 5.90278 11.8046 6.43642 11.8046 7.14259C11.8046 7.51975 11.7123 7.85278 11.5278 8.14167C11.3432 8.42253 11.0704 8.64321 10.7093 8.8037C10.3481 8.95617 9.90278 9.03241 9.37315 9.03241L9.4213 8.49074C9.67006 8.49074 9.95494 8.52685 10.2759 8.59907C10.5969 8.66327 10.9059 8.78364 11.2028 8.96019C11.5077 9.1287 11.7565 9.36944 11.9491 9.68241C12.1497 9.98735 12.25 10.3806 12.25 10.862C12.25 11.3917 12.1617 11.825 11.9852 12.162C11.8167 12.4991 11.592 12.7599 11.3111 12.9444C11.0302 13.129 10.7293 13.2574 10.4083 13.3296C10.0873 13.3938 9.7784 13.4259 9.48148 13.4259H6.48426C6.27562 13.4259 6.09907 13.3577 5.95463 13.2213C5.81821 13.0769 5.75 12.9003 5.75 12.6917V5.73426C5.75 5.52562 5.81821 5.35309 5.95463 5.21667C6.09907 5.07222 6.27562 5 6.48426 5H9.51759ZM9.30093 6.42037H7.15833L7.31481 6.22778V8.40648L7.17037 8.29815H9.33704C9.56975 8.29815 9.7784 8.22191 9.96296 8.06944C10.1475 7.91698 10.2398 7.6963 10.2398 7.40741C10.2398 7.06235 10.1515 6.81358 9.975 6.66111C9.80648 6.50062 9.58179 6.42037 9.30093 6.42037ZM9.39722 9.71852H7.20648L7.31481 9.62222V12.162L7.19444 12.0417H9.48148C9.85062 12.0417 10.1435 11.9454 10.3602 11.7528C10.5769 11.5522 10.6852 11.2552 10.6852 10.862C10.6852 10.5009 10.613 10.2401 10.4685 10.0796C10.3241 9.91914 10.1515 9.81883 9.95093 9.7787C9.75031 9.73858 9.56574 9.71852 9.39722 9.71852Z"/></svg>;
}

const IconBleu = React.forwardRef(IconBleuComponent);
export default IconBleu;
