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

function IconOfficialVComponent(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-official_v${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 12 12" {...rest} ref={ref}><path d="M10.1059 6.89848C9.42783 7.90086 8.49705 9.1029 7.68662 9.8119C7.09685 10.3253 6.0096 11.1239 5.15103 10.9773C2.9404 10.6024 3.41382 5.10561 1.92536 3.8669C1.24332 3.66724 0.918349 4.72667 0.541219 4.09916C-0.0445348 3.60205 1.10691 2.73414 1.69267 2.23295C2.41884 1.61359 3.26939 0.733459 4.22826 1.11648C6.09385 1.86215 4.75785 6.37692 6.53116 7.363C7.44991 6.61325 8.47699 5.37862 8.26034 3.8669C8.08782 3.36164 7.2453 3.52056 6.76385 3.63465C6.73978 1.32837 11.2332 -0.440055 11.6023 2.70154C11.807 4.6248 10.1059 6.89848 10.1059 6.89848Z"/></svg>;
}

const IconOfficialV = React.forwardRef(IconOfficialVComponent);
export default IconOfficialV;
