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

function IconMixComponent(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-Mix${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_4ab86408af__clip0_171_9569)"><path fillRule="evenodd" clipRule="evenodd" d="M6.46553 2.2101C7.21927 3.51562 6.77197 5.18499 5.46644 5.93874C4.16091 6.69249 2.49154 6.24518 1.73779 4.93966C0.984046 3.63413 1.43135 1.96476 2.73688 1.21101C4.04241 0.457266 5.71178 0.904571 6.46553 2.2101ZM6.39502 9.18482C7.14876 10.4903 6.70145 12.1597 5.39592 12.9135C4.0904 13.6672 2.42103 13.2199 1.66728 11.9144C0.913535 10.6089 1.36084 8.93948 2.66637 8.18573C3.9719 7.43199 5.64127 7.87929 6.39502 9.18482ZM11.542 9.36504C12.8475 8.61129 13.2948 6.94192 12.5411 5.6364C11.7873 4.33087 10.1179 3.88357 8.81242 4.63731C7.50689 5.39106 7.05958 7.06043 7.81333 8.36596C8.56707 9.67148 10.2364 10.1188 11.542 9.36504Z"/></g><defs><clipPath id="svg_4ab86408af__clip0_171_9569"><path d="M0 0H14V14H0z"/></clipPath></defs></svg>;
}

const IconMix = React.forwardRef(IconMixComponent);
export default IconMix;
