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

function IconVolcengineComponent(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-volcengine${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_8ec49a59fe__clip0_7915_3261)"><path d="M11.6792 6.97819L9.77669 13.1087C9.74911 13.2286 9.84563 13.3619 9.98349 13.3619H13.7885C13.9263 13.3619 14.0229 13.2419 13.9953 13.1087L12.079 6.97819C12.0376 6.77827 11.7206 6.77827 11.6792 6.97819zM1.14672 10.017L-.0388939 13.1222C-.0664664 13.2422.0300373 13.3621.1679 13.3621H2.52534C2.6632 13.3621 2.75971 13.2422 2.73213 13.1222L1.54652 10.017C1.50516 9.80375 1.20187 9.80375 1.14672 10.017z" fill={useCurrentColor ? 'currentColor' : '#37E2E2'}/><path d="M3.73857 3.95279L1.11919 13.1086C1.09162 13.2285 1.18812 13.3618 1.32598 13.3618H6.56474C6.70261 13.3618 6.79913 13.2418 6.77154 13.1086L4.15216 3.95279C4.09701 3.75288 3.79371 3.75288 3.73857 3.95279Z" fill={useCurrentColor ? 'currentColor' : '#1678FF'}/><path d="M8.15029 0.453566L4.44179 13.1087C4.41421 13.2286 4.51072 13.3619 4.64859 13.3619H12.0518C12.1896 13.3619 12.2862 13.2419 12.2586 13.1087L8.55007 0.453566C8.49496 0.240332 8.19164 0.240332 8.15029 0.453566Z" fill={useCurrentColor ? 'currentColor' : '#1678FF'}/><path d="M5.6963 5.47181L3.43535 13.1216C3.40778 13.2416 3.50428 13.3748 3.64214 13.3748H8.164C8.30187 13.3748 8.39839 13.2549 8.3708 13.1216L6.09609 5.47181C6.05474 5.25858 5.73765 5.25858 5.6963 5.47181Z" fill={useCurrentColor ? 'currentColor' : '#37E2E2'}/></g><defs><clipPath id="svg_8ec49a59fe__clip0_7915_3261"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0H14V14H0z"/></clipPath></defs></svg>;
}

const IconVolcengine = React.forwardRef(IconVolcengineComponent);
export default IconVolcengine;
