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

function IconVideoTagComponent(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-video-tag${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 12 12" {...rest} ref={ref}><path d="M8.175 2.8c.223 0 .404.181.404.404v1.819l2.003-.859a.3.3 0 0 1 .418.277v3.674a.3.3 0 0 1-.45.26l-1.97-1.13v1.617a.405.405 0 0 1-.405.404h-6.77A.404.404 0 0 1 1 8.862V3.204c0-.223.181-.404.404-.404h6.77ZM4.11 4.5a1.111 1.111 0 1 0 0 2.222 1.111 1.111 0 0 0 0-2.222Z"/></svg>;
}

const IconVideoTag = React.forwardRef(IconVideoTagComponent);
export default IconVideoTag;
