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

function IconEmptyComponent(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-empty${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 48 48" {...rest} ref={ref}><path d="M40 32H29.227a7.274 7.274 0 0 1-.566.78C27.78 33.84 26.262 35 24 35c-2.262 0-3.78-1.161-4.661-2.22a7.274 7.274 0 0 1-.566-.78H8v7h32v-7ZM9.482 28h11.96l.45 1.352.01.027a3.397 3.397 0 0 0 .509.84c.368.442.851.781 1.589.781s1.22-.339 1.589-.78a3.397 3.397 0 0 0 .509-.841l.008-.027L26.56 28h11.959l-4.666-8H14.148l-4.666 8Zm8.932-17.414-2.828 2.828-4-4 2.828-2.828 4 4Zm18-1.172-4 4-2.828-2.828 4-4 2.828 2.828ZM26 5v6h-4V5h4Zm18 34a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-8.459a4 4 0 0 1 .545-2.016l6.148-10.54A4 4 0 0 1 14.148 16h19.704a4 4 0 0 1 3.455 1.984l6.148 10.541A4 4 0 0 1 44 30.541V39Z"/></svg>;
}

const IconEmpty = React.forwardRef(IconEmptyComponent);
export default IconEmpty;
