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

function IconTreeModelVideoGenerationCompComponent(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-comp${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="M13.502 12.007a.7.7 0 0 1 .99-.004l3 2.976a.701.701 0 0 1 .005.989l-3 3.025a.7.7 0 0 1-.995-.986l2.506-2.528-2.502-2.482a.701.701 0 0 1-.004-.99Zm5.518-.207a.7.7 0 0 1 .7.7v5.999a.7.7 0 0 1-1.4 0V12.5a.7.7 0 0 1 .7-.7Zm-2.935-6.85a1.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 IconTreeModelVideoGenerationComp = React.forwardRef(IconTreeModelVideoGenerationCompComponent);
export default IconTreeModelVideoGenerationComp;
