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

function IconRouge1Component(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-rouge-1${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.96629ZM12.7198 13C12.5144 13 12.3458 12.9377 12.2138 12.813C12.0818 12.681 12.0158 12.5197 12.0158 12.329V7.14097L11.3668 7.62105C11.2641 7.70172 11.1358 7.74205 10.9818 7.74205C10.8058 7.74205 10.6518 7.67605 10.5198 7.54405C10.3878 7.41205 10.3218 7.25438 10.3218 7.07105C10.3218 6.83638 10.4354 6.64572 10.6628 6.49905L12.2468 5.44305C12.3201 5.39172 12.4008 5.35505 12.4888 5.33305C12.5841 5.31105 12.6721 5.30005 12.7528 5.30005C12.9654 5.30005 13.1341 5.36605 13.2588 5.49805C13.3834 5.62272 13.4458 5.78038 13.4458 5.97105V12.329C13.4458 12.5197 13.3761 12.681 13.2368 12.813C13.1048 12.9377 12.9324 13 12.7198 13ZM4.16699 12.813C4.32832 12.9377 4.51165 13 4.71699 13C4.90032 13 5.04332 12.9377 5.14599 12.813C5.24865 12.681 5.29999 12.5197 5.29999 12.329V10.195H7.35699C7.52565 10.195 7.67232 10.217 7.79699 10.261C7.92165 10.2977 8.02432 10.3564 8.10499 10.437C8.18565 10.5104 8.24799 10.602 8.29199 10.712C8.33599 10.8147 8.35799 10.9284 8.35799 11.0531C8.35799 11.4344 8.39465 11.746 8.46799 11.988C8.54865 12.23 8.65132 12.4244 8.77599 12.571C8.90066 12.7104 9.02532 12.8167 9.14999 12.89C9.23065 12.934 9.33332 12.9707 9.45799 13C9.58265 13.022 9.70732 13.022 9.83199 13C9.95665 12.9707 10.0593 12.9084 10.14 12.813C10.2647 12.6737 10.305 12.516 10.261 12.34C10.2243 12.1567 10.1253 12.0174 9.96399 11.922C9.86866 11.8707 9.80265 11.7974 9.76599 11.702C9.73665 11.6067 9.71465 11.4894 9.69999 11.35C9.69266 11.2107 9.67432 11.0494 9.64499 10.866C9.63032 10.668 9.58265 10.4847 9.50199 10.316C9.42866 10.14 9.32232 9.97872 9.18299 9.83205C9.09891 9.73396 8.99996 9.6448 8.88614 9.56457C9.04118 9.46351 9.18413 9.34001 9.31499 9.19405C9.51299 8.98138 9.66699 8.74305 9.77699 8.47905C9.89432 8.21505 9.95299 7.94372 9.95299 7.66505C9.95299 7.20305 9.85032 6.79605 9.64499 6.44405C9.43965 6.08472 9.16832 5.80605 8.83099 5.60805C8.50099 5.40272 8.14532 5.30005 7.76399 5.30005H4.59599C4.40532 5.30005 4.24399 5.36605 4.11199 5.49805C3.98732 5.62272 3.92499 5.78038 3.92499 5.97105V12.329C3.92499 12.5197 4.00565 12.681 4.16699 12.813ZM5.29999 9.06205H7.70899C7.84099 9.06205 7.96932 9.00338 8.09399 8.88605C8.21866 8.76138 8.32132 8.59638 8.40199 8.39105C8.48265 8.17838 8.52299 7.94738 8.52299 7.69805C8.52299 7.37538 8.43499 7.10772 8.25899 6.89505C8.09032 6.67505 7.90699 6.56505 7.70899 6.56505H5.29999V9.06205Z"/></svg>;
}

const IconRouge1 = React.forwardRef(IconRouge1Component);
export default IconRouge1;
