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

function IconText2video1Component(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-text2video_1${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}><path d="M17.11 10.3175C16.4496 8.74944 14.1832 8.88842 13.7194 10.5255L12.8854 13.4698C12.8366 13.6405 12.6053 13.6677 12.5182 13.5128L12.1823 12.9142C11.4889 11.6821 9.71013 11.6937 9.03287 12.9347L7.90397 15.005C7.25017 16.2042 8.11821 17.6667 9.48405 17.6671H17.4938C18.781 17.667 19.6525 16.3545 19.153 15.1681L17.11 10.3175ZM4.24967 2.70032C3.25568 2.70046 2.44987 3.5061 2.44987 4.50012V15.6769C2.45007 16.6707 3.2558 17.4765 4.24967 17.4767H5.60221C6.04391 17.4767 6.40279 17.1185 6.40299 16.6769C6.40299 16.2351 6.04404 15.8771 5.60221 15.8771H4.24967C4.13946 15.8769 4.04968 15.7871 4.04948 15.6769V4.50012C4.04948 4.38975 4.13933 4.30007 4.24967 4.29993H15.4264C15.5368 4.30006 15.6266 4.38975 15.6266 4.50012V7.00012C15.6267 7.44181 15.9848 7.79979 16.4264 7.79993C16.8681 7.79979 17.2262 7.44181 17.2262 7.00012V4.50012C17.2262 3.50609 16.4204 2.70045 15.4264 2.70032H4.24967ZM15.4391 10.8165C15.4863 10.8137 15.5277 10.8249 15.5573 10.8419C15.5821 10.8563 15.6116 10.882 15.6354 10.9386L17.6784 15.7892C17.7337 15.9209 17.6367 16.0664 17.4938 16.0665H9.48405C9.33266 16.0661 9.23589 15.9037 9.30827 15.7706L10.4372 13.7013C10.5124 13.5634 10.7107 13.5625 10.7878 13.6993L11.1237 14.297C11.9086 15.6923 13.988 15.4456 14.4245 13.9054L15.2585 10.962C15.275 10.9035 15.3012 10.874 15.3239 10.8566C15.3511 10.8359 15.3917 10.8195 15.4391 10.8165ZM8.22233 5.92493C7.97687 5.92493 7.77799 6.1238 7.77799 6.36926V11.631C7.77803 11.7317 7.81182 11.8296 7.87467 11.9083C8.028 12.1 8.308 12.131 8.49967 11.9777L11.7887 9.3468C11.8142 9.32636 11.8377 9.30299 11.8581 9.27747C12.0112 9.0858 11.9803 8.80575 11.7887 8.65247L8.49967 6.02161C8.42096 5.95876 8.32306 5.92495 8.22233 5.92493Z"/></svg>;
}

const IconText2video1 = React.forwardRef(IconText2video1Component);
export default IconText2video1;
