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

function IconUserTemplateComponent(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-user_template${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}><path fillRule="evenodd" clipRule="evenodd" d="M3.36849 1.68421C3.36849 0.754048 4.12254 0 5.0527 0H14.3159C15.2461 0 16.0001 0.754048 16.0001 1.68421V10.9474C16.0001 11.8776 15.2461 12.6316 14.3159 12.6316H13.4738V5.05264C13.4738 3.36843 12.6317 2.52632 10.9474 2.52632H3.36849V1.68421ZM1.68421 4.21053C0.754047 4.21053 0 4.96458 0 5.89474V14.3158C0 15.246 0.754047 16 1.68421 16H10.1053C11.0355 16 11.7895 15.246 11.7895 14.3158V5.89474C11.7895 4.96458 11.0355 4.21053 10.1053 4.21053H1.68421ZM5.12163 13.6946C4.90072 13.6946 4.72163 13.5155 4.72163 13.2946V11.2783H2.70529C2.48438 11.2783 2.30529 11.0992 2.30529 10.8783V9.32729C2.30529 9.10638 2.48438 8.92729 2.70529 8.92729H4.72163V6.91094C4.72163 6.69003 4.90072 6.51094 5.12163 6.51094H6.67266C6.89357 6.51094 7.07266 6.69003 7.07266 6.91094V8.92729H9.08898C9.30989 8.92729 9.48898 9.10638 9.48898 9.32729V10.8783C9.48898 11.0992 9.30989 11.2783 9.08898 11.2783H7.07266V13.2946C7.07266 13.5155 6.89357 13.6946 6.67266 13.6946H5.12163Z"/></svg>;
}

const IconUserTemplate = React.forwardRef(IconUserTemplateComponent);
export default IconUserTemplate;
