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

function IconPositioningChartComponent(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-positioning_chart${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}><path fillRule="evenodd" clipRule="evenodd" d="M6.4826 11.7556C6.47766 11.7267 6.47508 11.697 6.47508 11.6666V10.5C6.47508 10.21 6.71013 9.97496 7.00008 9.97496C7.29003 9.97496 7.52508 10.21 7.52508 10.5V11.6666C7.52508 11.697 7.52251 11.7267 7.51757 11.7556C9.74596 11.5159 11.516 9.74583 11.7557 7.51744C11.7268 7.52238 11.6971 7.52496 11.6667 7.52496H10.5001C10.2101 7.52496 9.97508 7.28991 9.97508 6.99996C9.97508 6.71001 10.2101 6.47496 10.5001 6.47496H11.6667C11.6971 6.47496 11.7268 6.47753 11.7557 6.48247C11.516 4.25409 9.74596 2.48401 7.51757 2.24429C7.52251 2.27322 7.52508 2.30296 7.52508 2.33329V3.49996C7.52508 3.78991 7.29003 4.02496 7.00008 4.02496C6.71013 4.02496 6.47508 3.78991 6.47508 3.49996V2.33329C6.47508 2.30296 6.47766 2.27322 6.4826 2.24429C4.25421 2.48401 2.48413 4.25409 2.24442 6.48247C2.27334 6.47753 2.30308 6.47496 2.33341 6.47496H3.50008C3.79003 6.47496 4.02508 6.71001 4.02508 6.99996C4.02508 7.28991 3.79003 7.52496 3.50008 7.52496H2.33341C2.30308 7.52496 2.27334 7.52238 2.24442 7.51744C2.48413 9.74583 4.25421 11.5159 6.4826 11.7556ZM12.8334 6.99996C12.8334 10.2216 10.2217 12.8333 7.00008 12.8333C3.77842 12.8333 1.16675 10.2216 1.16675 6.99996C1.16675 3.7783 3.77842 1.16663 7.00008 1.16663C10.2217 1.16663 12.8334 3.7783 12.8334 6.99996ZM7.00008 5.83329C7.64441 5.83329 8.16675 6.35563 8.16675 6.99996C8.16675 7.64429 7.64441 8.16663 7.00008 8.16663C6.35575 8.16663 5.83341 7.64429 5.83341 6.99996C5.83341 6.35563 6.35575 5.83329 7.00008 5.83329Z"/></svg>;
}

const IconPositioningChart = React.forwardRef(IconPositioningChartComponent);
export default IconPositioningChart;
