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

function IconSkillCenterComponent(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-SkillCenter${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="M14.5869 1.7002C16.6375 1.70033 18.2997 3.36246 18.2998 5.41309V14.5869C18.2997 16.6375 16.6375 18.2997 14.5869 18.2998H5.41309C3.36246 18.2997 1.70033 16.6375 1.7002 14.5869V5.41309C1.70033 3.36246 3.36246 1.70033 5.41309 1.7002H14.5869ZM5 14.167C4.53981 14.167 4.16704 14.5398 4.16699 15C4.16699 15.4602 4.53979 15.833 5 15.833C5.46025 15.833 5.83301 15.4602 5.83301 15C5.83296 14.5398 5.46022 14.167 5 14.167ZM15 14.167C14.5398 14.167 14.167 14.5398 14.167 15C14.167 15.4602 14.5398 15.833 15 15.833C15.4602 15.833 15.833 15.4602 15.833 15C15.833 14.5398 15.4602 14.167 15 14.167ZM10.7246 5.05371C10.4373 4.43815 9.56267 4.43815 9.27539 5.05371L8.05469 7.66797C7.97522 7.83824 7.83824 7.97522 7.66797 8.05469L5.05371 9.27539C4.43815 9.56267 4.43815 10.4373 5.05371 10.7246L7.66797 11.9453C7.83824 12.0248 7.97522 12.1618 8.05469 12.332L9.27539 14.9463C9.56267 15.5619 10.4373 15.5619 10.7246 14.9463L11.9453 12.332C12.0248 12.1618 12.1618 12.0248 12.332 11.9453L14.9463 10.7246C15.5619 10.4373 15.5619 9.56267 14.9463 9.27539L12.332 8.05469C12.1618 7.97522 12.0248 7.83824 11.9453 7.66797L10.7246 5.05371ZM5 4.16699C4.53981 4.16704 4.16704 4.53981 4.16699 5C4.16699 5.46022 4.53979 5.83296 5 5.83301C5.46025 5.83301 5.83301 5.46025 5.83301 5C5.83296 4.53979 5.46022 4.16699 5 4.16699ZM15 4.16699C14.5398 4.16704 14.167 4.53981 14.167 5C14.167 5.46022 14.5398 5.83296 15 5.83301C15.4602 5.83301 15.833 5.46025 15.833 5C15.833 4.53979 15.4602 4.16699 15 4.16699Z"/></svg>;
}

const IconSkillCenter = React.forwardRef(IconSkillCenterComponent);
export default IconSkillCenter;
