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

function IconAiVideoComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-ai-video${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 22 22" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_55eeb0277d__clip0_2797_6789)"><path fillRule="evenodd" clipRule="evenodd" d="M18.1111 19C18.602 19 19 18.602 19 18.1111V10.7697C19 10.5488 18.8209 10.3697 18.6 10.3697H17.6222C17.4013 10.3697 17.2222 10.5488 17.2222 10.7697V17.2222H4.77778V4.77778H10.9394C11.1603 4.77778 11.3394 4.59869 11.3394 4.37778V3.4C11.3394 3.17909 11.1603 3 10.9394 3H3.88889C3.39797 3 3 3.39797 3 3.88889V18.1111C3 18.602 3.39797 19 3.88889 19H18.1111ZM9.22226 7.92472C9.32318 7.92472 9.4211 7.95906 9.4999 8.02211L12.7884 10.6529C12.9801 10.8063 13.0112 11.086 12.8579 11.2776C12.8374 11.3033 12.8141 11.3265 12.7884 11.347L9.4999 13.9779C9.30823 14.1312 9.02855 14.1001 8.87521 13.9085C8.81216 13.8297 8.77782 13.7317 8.77782 13.6308V8.36916C8.77782 8.1237 8.9768 7.92472 9.22226 7.92472ZM15.0747 4.09555C14.9362 4.61285 14.5325 5.01712 14.0154 5.15639L13.3039 5.34802C12.7654 5.49305 12.7654 6.25707 13.3039 6.40212L14.0108 6.59249C14.5271 6.73154 14.9304 7.13484 15.0694 7.65115L15.2598 8.35806C15.4049 8.89657 16.1689 8.89657 16.3139 8.35806L16.5056 7.64654C16.6448 7.12946 17.0491 6.72578 17.5664 6.5873L18.2573 6.40235C18.7969 6.25787 18.7969 5.49226 18.2573 5.3478L17.5618 5.1616C17.0437 5.02291 16.639 4.61825 16.5004 4.10018L16.3141 3.40468C16.1697 2.86511 15.4041 2.86511 15.2596 3.40468L15.0747 4.09555Z"/></g><defs><clipPath id="svg_55eeb0277d__clip0_2797_6789"><path d="M0 0H22V22H0z"/></clipPath></defs></svg>;
}

const IconAiVideo = React.forwardRef(IconAiVideoComponent);
export default IconAiVideo;
