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

function IconSkills2Component(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-Skills2${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="M12.2353 9.1599C12.3106 9.15076 12.3873 9.15077 12.4626 9.1599C12.7262 9.19183 12.9759 9.33541 13.115 9.59058L15.1839 13.3922L17.6048 17.8402C17.8939 18.3714 17.4788 18.9999 16.8388 19H7.85977C7.21961 19 6.80454 18.3715 7.0937 17.8402L10.1903 12.149L11.5829 9.59058C11.7219 9.33539 11.9717 9.19185 12.2353 9.1599ZM9.36994 2.98683C9.57457 2.27687 10.3597 1.85547 11.123 2.04565L17.9394 3.74454C18.7026 3.93488 19.1553 4.66492 18.9509 5.37493L16.9143 12.4469C16.8174 12.7832 16.5888 13.0529 16.2955 13.2254L14.0723 9.14024L14.0019 9.02051C13.2575 7.86608 11.4403 7.86599 10.696 9.02051L10.6256 9.14024L9.13159 11.8852L8.34486 11.6892C7.58164 11.4988 7.12884 10.7688 7.33334 10.0588L9.36994 2.98683Z"/><path opacity=".5" d="M6.42261 5.84875C6.75951 5.84875 7.08908 5.88207 7.40894 5.94153L6.45068 9.55237C6.11275 10.8255 6.86149 12.1342 8.12366 12.4753L8.66077 12.6206L6.58435 16.7576C6.53062 16.7592 6.47672 16.7612 6.42261 16.7612C3.43562 16.7611 1.01389 14.3182 1.01367 11.3053C1.01367 8.29218 3.43549 5.84884 6.42261 5.84875Z"/></svg>;
}

const IconSkills2 = React.forwardRef(IconSkills2Component);
export default IconSkills2;
