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

function IconOverviewComponent(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-overview${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M10.352 1.674c-.206 1.002-.678 2.466-1.464 2.883-.47.25-.756.336-.974.4-.215.065-.362.109-.551.27.136.628.346.865.557 1.104.11.124.22.248.32.428.425.76.546 1.659.176 2.397-.474.944-1.298 1.055-2.283.612C5.759 9.6 5.4 9.214 5.09 8.88c-.281-.302-.523-.562-.7-.577-.111-.01-.3.048-.531.12-.539.166-1.302.402-1.816-.004a2.203 2.203 0 0 1-.192-.17 8.336 8.336 0 0 1 8.5-6.575Zm6.898 12.438c-.18-.299-.489-.688-.916-.94-.488-.29-.963-.26-1.366-.235-.214.013-.407.025-.572-.013-.187-.042-.3-.205-.445-.414-.222-.32-.52-.75-1.278-1.019-1.25-.443-3.41.053-3.65 1.944-.19 1.483.586 2.227 1.294 2.905.195.187.384.369.547.56.501.587.43 1.087.283 1.355a8.339 8.339 0 0 0 6.103-4.143Z" opacity=".5"/><path d="M17.25 14.112a8.334 8.334 0 0 0-6.899-12.438c-.205 1.002-.677 2.466-1.463 2.883-.47.25-.756.336-.974.4-.215.065-.362.109-.551.27.136.628.346.865.557 1.104.11.124.22.248.32.428.425.76.546 1.659.176 2.397-.474.944-1.298 1.055-2.283.612C5.759 9.6 5.4 9.214 5.09 8.88c-.281-.302-.523-.562-.7-.577-.111-.01-.3.048-.531.12-.539.166-1.302.402-1.816-.004a2.203 2.203 0 0 1-.192-.17A8.336 8.336 0 0 1 1.667 10a8.333 8.333 0 0 0 9.48 8.255c.147-.268.218-.768-.283-1.355a7.954 7.954 0 0 0-.547-.56c-.708-.678-1.484-1.422-1.295-2.905.242-1.89 2.4-2.387 3.651-1.944.758.269 1.056.698 1.278 1.019.145.209.258.372.445.414.165.038.358.026.572.013.403-.025.878-.054 1.366.235.427.252.736.641.916.94Z"/></svg>;
}

const IconOverview = React.forwardRef(IconOverviewComponent);
export default IconOverview;
