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

function IconImage2videoComponent(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-image2video${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="M15.4268 2.7002C16.4208 2.70033 17.2266 3.50597 17.2266 4.5V6.32324C17.2266 6.76499 16.8685 7.12389 16.4268 7.12402C15.9849 7.12402 15.627 6.76507 15.627 6.32324V4.5C15.627 4.38963 15.5371 4.29994 15.4268 4.2998H4.25C4.13954 4.2998 4.0498 4.38954 4.0498 4.5V15.6768C4.04994 15.7871 4.13963 15.877 4.25 15.877H5.60254L5.68457 15.8809C6.08805 15.9218 6.40332 16.2625 6.40332 16.6768C6.40319 17.0909 6.08799 17.4318 5.68457 17.4727L5.60254 17.4766H4.25C3.25597 17.4766 2.45033 16.6708 2.4502 15.6768V4.5C2.4502 3.50589 3.25589 2.7002 4.25 2.7002H15.4268ZM10.793 12.8496C11.861 12.8496 12.1581 15.7207 13.0996 15.7207C14.0407 15.7201 14.7098 14.0156 15.4014 14.0156C16.093 14.0159 16.8444 15.2669 17.2363 16.1016C17.6283 16.936 17.2827 17.369 16.708 17.3691C16.1333 17.3691 11.5483 17.4307 10.1045 17.4307C8.66086 17.4307 8.33437 17.1158 8.62012 16.127C8.90578 15.138 9.72506 12.8501 10.793 12.8496ZM15.6982 11.3848C15.9454 11.3848 16.1826 11.4845 16.3574 11.6621C16.5322 11.8398 16.6309 12.0807 16.6309 12.332C16.6309 12.5834 16.5322 12.8242 16.3574 13.002C16.1826 13.1796 15.9454 13.2793 15.6982 13.2793C15.4512 13.2792 15.2138 13.1796 15.0391 13.002C14.8644 12.8243 14.7666 12.5832 14.7666 12.332C14.7666 12.0808 14.8644 11.8398 15.0391 11.6621C15.2138 11.4845 15.4512 11.3849 15.6982 11.3848ZM8.22266 6.9248C8.32344 6.92489 8.42129 6.9595 8.5 7.02246L11.7881 9.65332C11.9798 9.80666 12.0108 10.0857 11.8574 10.2773C11.8369 10.303 11.8137 10.3262 11.7881 10.3467L8.5 12.9775C8.30833 13.1309 8.02834 13.0999 7.875 12.9082C7.8121 12.8295 7.77833 12.7317 7.77832 12.6309V7.36914C7.77833 7.12369 7.9772 6.9248 8.22266 6.9248Z"/></svg>;
}

const IconImage2video = React.forwardRef(IconImage2videoComponent);
export default IconImage2video;
