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

function IconSkillsComponent(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-skills${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path d="M7.783 11.725a.526.526 0 0 1 0 1.05h-3.37a.525.525 0 1 1 0-1.05h3.37Zm-1.769-10.5c.52-.01 1.035.074 1.52.243a.525.525 0 0 1-.345.991 3.316 3.316 0 0 0-2.806.294A3.238 3.238 0 0 0 3.21 3.988a3.17 3.17 0 0 0 .15 3.253c.318.48.761.87 1.284 1.125.18.088.295.272.295.472v1.137h2.32V8.838c0-.2.115-.384.295-.472.186-.09.363-.198.527-.32a.526.526 0 0 1 .628.84 4.304 4.304 0 0 1-.4.267v.931a.939.939 0 0 1-.28.668.949.949 0 0 1-.666.273h-2.53a.949.949 0 0 1-.666-.273.939.939 0 0 1-.28-.668v-.932A4.295 4.295 0 0 1 2.484 7.82a4.228 4.228 0 0 1-.2-4.33 4.287 4.287 0 0 1 1.554-1.635 4.356 4.356 0 0 1 2.176-.63Zm3.436.733a.468.468 0 0 1 .48.358c.146.608.367.946.666 1.21.317.278.736.49 1.357.802l.058.03a.468.468 0 0 1-.02.843c-.948.422-1.376.826-1.606 1.153-.117.167-.195.33-.264.498a9.269 9.269 0 0 0-.05.12 4.238 4.238 0 0 1-.184.419.467.467 0 0 1-.873-.146c-.08-.501-.398-1.002-.811-1.391-.426-.401-.86-.6-1.095-.614a.466.466 0 0 1-.05-.925c.507-.086.977-.396 1.34-.8.37-.409.577-.858.614-1.15a.468.468 0 0 1 .438-.407Zm.024 1.685a3.984 3.984 0 0 1-1.122 1.136 4.087 4.087 0 0 1 1.158 1.21 2.28 2.28 0 0 1 .112-.172c.246-.351.606-.7 1.165-1.041a4.596 4.596 0 0 1-.807-.55 2.781 2.781 0 0 1-.506-.583Z"/></svg>;
}

const IconSkills = React.forwardRef(IconSkillsComponent);
export default IconSkills;
