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

function IconMultimodalLoadingComponent(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-multimodal-loading${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 32 32" {...rest} ref={ref}><path d="M18.571 11.284s1.258-2.71 2.516 0l7.546 14.58c.008.014 1.066 1.769-2.359 1.769h-21.5c-.53-.015-2.551-.218-.98-2.515l4.716-7.861c.012-.036 1.482-4.127 3.301 0 0 0 1.852 3.78 2.987 1.887l3.773-7.86ZM9.973 4.001a.666.666 0 0 1 .685.503c.21.857.526 1.333.953 1.704.453.393 1.051.69 1.94 1.13l.083.042c.23.114.372.35.366.603a.657.657 0 0 1-.396.584c-1.356.595-1.965 1.164-2.294 1.624a3.488 3.488 0 0 0-.378.7l-.07.17a5.692 5.692 0 0 1-.264.591.67.67 0 0 1-1.247-.206c-.114-.706-.568-1.41-1.159-1.959-.608-.565-1.229-.845-1.563-.864A.662.662 0 0 1 6 8.003a.66.66 0 0 1 .555-.684c.725-.12 1.396-.556 1.916-1.125.527-.577.823-1.21.877-1.62A.663.663 0 0 1 9.973 4Z"/></svg>;
}

const IconMultimodalLoading = React.forwardRef(IconMultimodalLoadingComponent);
export default IconMultimodalLoading;
