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

function IconUserFilledComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-User_Filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M10 1.58301C12.8073 1.58318 15.083 3.85965 15.083 6.66699C15.0829 8.26519 14.3438 9.68929 13.1904 10.6211C13.9903 10.9921 14.727 11.5033 15.3623 12.1387C16.7841 13.5608 17.583 15.49 17.583 17.501C17.5826 18.0069 17.172 18.417 16.666 18.417H3.33301C2.82702 18.417 2.41646 18.0069 2.41602 17.501C2.41602 15.4899 3.2157 13.5608 4.6377 12.1387C5.27263 11.5037 6.00843 10.9921 6.80762 10.6211C5.65454 9.68927 4.91612 8.26481 4.91602 6.66699C4.91602 3.85954 7.19255 1.58301 10 1.58301Z"/></svg>;
}

const IconUserFilled = React.forwardRef(IconUserFilledComponent);
export default IconUserFilled;
