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

function IconUserStrokeComponent(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 || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-user-stroke${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M9 7.5C9 5.84315 10.3431 4.5 12 4.5C13.6569 4.5 15 5.84315 15 7.5C15 9.15685 13.6569 10.5 12 10.5C10.3431 10.5 9 9.15685 9 7.5ZM12 2.5C9.23858 2.5 7 4.73858 7 7.5C7 10.2614 9.23858 12.5 12 12.5C14.7614 12.5 17 10.2614 17 7.5C17 4.73858 14.7614 2.5 12 2.5ZM8 13.5C6.56078 13.5 5.1952 13.9386 4.17192 14.8048C3.13278 15.6844 2.5 16.9637 2.5 18.5V20C2.5 20.8284 3.17157 21.5 4 21.5H20C20.8284 21.5 21.5 20.8284 21.5 20V18.5C21.5 16.9637 20.8672 15.6844 19.8281 14.8048C18.8048 13.9386 17.4392 13.5 16 13.5H8ZM4.5 18.5C4.5 17.551 4.87458 16.8303 5.46412 16.3313C6.06952 15.8188 6.95394 15.5 8 15.5H16C17.0461 15.5 17.9305 15.8188 18.5359 16.3313C19.1254 16.8303 19.5 17.551 19.5 18.5V19.5H4.5V18.5Z"/></svg>;
}

const IconUserStroke = React.forwardRef(IconUserStrokeComponent);
export default IconUserStroke;
