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

function IconSkillFilledComponent(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-Skill_Filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 22 22" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M9.16699 1.8335C9.757 1.8335 10.2799 2.11345 10.6152 2.54639L12.1504 1.98193C13.0696 1.62895 14.0366 2.12135 14.4375 2.89307L14.5107 3.05029L14.5215 3.07959L19.5625 17.0132H19.5605C19.9334 17.9923 19.3501 19.0241 18.4912 19.3677C18.4834 19.3708 18.4747 19.3736 18.4668 19.3765L16.7256 20.0181L16.7246 20.0161C15.7444 20.3922 14.7104 19.8087 14.3662 18.9487L14.3555 18.9204L11 9.64697V18.3335C10.9998 19.3459 10.1794 20.1665 9.16699 20.1665H3.66699C2.6546 20.1665 1.83417 19.3458 1.83398 18.3335V3.6665C1.83398 2.65399 2.65449 1.83351 3.66699 1.8335H9.16699ZM12.7822 3.69678L12.4746 2.85986L12.4717 2.85498L12.7822 3.69678Z"/></svg>;
}

const IconSkillFilled = React.forwardRef(IconSkillFilledComponent);
export default IconSkillFilled;
