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

function IconTreeEmbeddingModelComponent(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_embedding_model${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_e19716c1e2__clip0_37122_1120186)"><path fill={useCurrentColor ? 'currentColor' : '#CFAE8D'} d="M0 0H24V24H0z"/><path fillRule="evenodd" clipRule="evenodd" d="M19.5 6.88636C19.5 5.56841 18.4316 4.5 17.1136 4.5C16.1617 4.5 15.3399 5.05745 14.9569 5.86373H9.04312C8.66014 5.05745 7.83836 4.5 6.88636 4.5C5.56841 4.5 4.5 5.56841 4.5 6.88636C4.5 7.83836 5.05745 8.66014 5.86373 9.04312V14.9569C5.05745 15.3399 4.5 16.1617 4.5 17.1136C4.5 18.4316 5.56841 19.5 6.88636 19.5C7.83822 19.5 8.65991 18.9427 9.04295 18.1366H14.957C15.3401 18.9427 16.1618 19.5 17.1136 19.5C18.4316 19.5 19.5 18.4316 19.5 17.1136C19.5 16.1618 18.9427 15.3401 18.1366 14.957V9.04295C18.9427 8.65991 19.5 7.83822 19.5 6.88636ZM16.0908 17.1137C16.0908 16.5488 16.5487 16.0909 17.1136 16.0909C17.6785 16.0909 18.1362 16.5488 18.1362 17.1137C18.1362 17.6785 17.6785 18.1364 17.1136 18.1364C16.5487 18.1364 16.0908 17.6785 16.0908 17.1137ZM6.88628 16.0909C6.32145 16.0909 5.86355 16.5488 5.86355 17.1137C5.86355 17.6785 6.32145 18.1364 6.88628 18.1364C7.45111 18.1364 7.90901 17.6785 7.90901 17.1137C7.90901 16.5488 7.45111 16.0909 6.88628 16.0909ZM9.2485 7.2276H14.7515C14.9011 8.27257 15.7277 9.09907 16.7727 9.24855V14.7514C15.7276 14.9009 14.9009 15.7276 14.7514 16.7727H9.24855C9.09907 15.7277 8.27257 14.9011 7.2276 14.7515V9.2485C8.27245 9.09889 9.09889 8.27245 9.2485 7.2276ZM11.9999 8.93186C13.6944 8.93186 15.0681 10.3055 15.0681 12C15.0681 13.6946 13.6944 15.0682 11.9999 15.0682C10.3054 15.0682 8.93174 13.6946 8.93174 12C8.93174 10.3055 10.3054 8.93186 11.9999 8.93186ZM10.2953 12.0001C10.2953 11.0587 11.0584 10.2955 11.9998 10.2955C12.9412 10.2955 13.7044 11.0587 13.7044 12.0001C13.7044 12.9415 12.9412 13.7046 11.9998 13.7046C11.0584 13.7046 10.2953 12.9415 10.2953 12.0001ZM17.1136 5.86368C16.5487 5.86368 16.0908 6.32157 16.0908 6.8864C16.0908 7.45124 16.5487 7.90913 17.1136 7.90913C17.6785 7.90913 18.1362 7.45124 18.1362 6.8864C18.1362 6.32157 17.6785 5.86368 17.1136 5.86368ZM5.86355 6.8864C5.86355 6.32157 6.32145 5.86368 6.88628 5.86368C7.45111 5.86368 7.90901 6.32157 7.90901 6.8864C7.90901 7.45124 7.45111 7.90913 6.88628 7.90913C6.32145 7.90913 5.86355 7.45124 5.86355 6.8864Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></g><defs><clipPath id="svg_e19716c1e2__clip0_37122_1120186"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreeEmbeddingModel = React.forwardRef(IconTreeEmbeddingModelComponent);
export default IconTreeEmbeddingModel;
