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

function IconLineGraphNodataComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-line-graph-nodata${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 100 100" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#DDE2E9'} d="M48.028 49.693 20.278 34.92 0 43v23.5l20.5-15L48.668 64 79.5 51.5 100 57V29.5l-19.223-6.803-32.75 26.996Z"/><path fill={useCurrentColor ? 'currentColor' : '#F2F4F7'} d="M100 83.697H0V66.5l20.5-15 28.277 12.197L79.5 51.5 100 57v26.697Z"/></svg>;
}

const IconLineGraphNodata = React.forwardRef(IconLineGraphNodataComponent);
export default IconLineGraphNodata;
