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

function IconTemplate1Component(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-template_1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8.86089 0.875C9.17084 0.875 9.46806 0.998344 9.68694 1.21781L11.9094 3.4462C12.1275 3.6649 12.25 3.96117 12.25 4.27005V12.5417C12.25 12.8638 11.9888 13.125 11.6667 13.125H2.33333C2.01117 13.125 1.75 12.8638 1.75 12.5417V1.45833C1.75 1.13617 2.01117 0.875 2.33333 0.875H8.86089ZM8.51375 2.04167H2.91667V11.9583H11.0833V4.61708C11.0833 4.46267 11.0221 4.31456 10.9131 4.20521L8.92683 2.21313C8.81739 2.10336 8.66875 2.04167 8.51375 2.04167ZM7.29167 8.16667C7.45275 8.16667 7.58333 8.29725 7.58333 8.45833V9.04167C7.58333 9.20275 7.45275 9.33333 7.29167 9.33333H4.66667C4.50558 9.33333 4.375 9.20275 4.375 9.04167V8.45833C4.375 8.29725 4.50558 8.16667 4.66667 8.16667H7.29167ZM9.33333 5.25C9.49442 5.25 9.625 5.38058 9.625 5.54167V6.125C9.625 6.28608 9.49442 6.41667 9.33333 6.41667H4.66667C4.50558 6.41667 4.375 6.28608 4.375 6.125V5.54167C4.375 5.38058 4.50558 5.25 4.66667 5.25H9.33333Z"/></svg>;
}

const IconTemplate1 = React.forwardRef(IconTemplate1Component);
export default IconTemplate1;
