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

function IconTreeModelVideoGenerationCancComponent(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-tree_model_video-generation-canc${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 24 24" {...rest} ref={ref}><rect width="24" height="24" fill={useCurrentColor ? 'currentColor' : '#A061EF'} rx="6"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M18.527 12.003a.7.7 0 0 1 .986.994l-2.136 2.12 2.14 2.157a.7.7 0 0 1-.994.987l-2.137-2.155-2.136 2.155a.7.7 0 0 1-.995-.987l2.14-2.158-2.136-2.119a.7.7 0 0 1 .987-.994l2.14 2.123 2.14-2.123ZM16.085 4.95a1.7 1.7 0 0 1 1.7 1.7v1.58a.701.701 0 0 1-1.4 0V6.65a.3.3 0 0 0-.3-.3H6.05a.3.3 0 0 0-.3.3v10.035a.3.3 0 0 0 .3.3h4.45a.7.7 0 1 1 0 1.4H6.05a1.7 1.7 0 0 1-1.7-1.7V6.65a1.7 1.7 0 0 1 1.7-1.7h10.035ZM8.905 8.5c.093 0 .183.031.255.089l3.003 2.403a.406.406 0 0 1 0 .634L9.16 14.028a.407.407 0 0 1-.66-.316V8.906c0-.224.182-.406.406-.406Z"/></svg>;
}

const IconTreeModelVideoGenerationCanc = React.forwardRef(IconTreeModelVideoGenerationCancComponent);
export default IconTreeModelVideoGenerationCanc;
