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

function IconTreeModelVideoGenerationComponent(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${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'} fillRule="evenodd" d="M18.667 19.5c.46 0 .833-.373.833-.833v-6.858a.4.4 0 0 0-.4-.4h-.867a.4.4 0 0 0-.4.4v6.024H6.167V6.167h5.751a.4.4 0 0 0 .4-.4V4.9a.4.4 0 0 0-.4-.4H5.333a.833.833 0 0 0-.833.833v13.334c0 .46.373.833.833.833h13.334ZM10.333 9.117c.095 0 .187.032.26.091l3.084 2.467a.417.417 0 0 1 0 .65l-3.083 2.467a.417.417 0 0 1-.677-.326V9.534c0-.23.186-.417.416-.417Zm5.487-3.59c-.13.485-.508.864-.993.995l-.667.18c-.505.135-.505.851 0 .987l.663.179c.484.13.862.508.992.992l.179.663c.136.505.852.505.988 0l.18-.667c.13-.485.51-.863.994-.993l.648-.173c.506-.136.506-.854 0-.989l-.652-.174a1.407 1.407 0 0 1-.995-.996l-.175-.652c-.135-.505-.853-.505-.989 0l-.173.648Z" clipRule="evenodd"/></svg>;
}

const IconTreeModelVideoGeneration = React.forwardRef(IconTreeModelVideoGenerationComponent);
export default IconTreeModelVideoGeneration;
