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

function IconAiVideoActiveComponent(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-ai_video_active${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 27 26" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M17.4966 3.19062C19.6786 2.79508 21.7681 4.24268 22.1638 6.42468L22.963 10.8333C23.0539 11.3363 22.7201 11.818 22.2171 11.9094C21.714 12.0006 21.2315 11.6668 21.1401 11.1637L20.8644 9.64261L4.45023 12.6179L5.85515 20.3686C6.06814 21.5436 7.1943 22.3242 8.36935 22.1112L15.0563 20.8991C15.5594 20.8079 16.0419 21.1417 16.1333 21.6447C16.2245 22.148 15.89 22.6307 15.3867 22.7219L8.69977 23.934C6.51753 24.3296 4.42883 22.881 4.03327 20.6988L2.10496 10.0606C1.70966 7.87854 3.15709 5.78985 5.33919 5.39431L17.4966 3.19062ZM11.2048 13.4599C11.0925 12.8398 11.6653 12.3542 12.2053 12.6116L16.0226 14.4306C16.505 14.6606 16.6277 15.3383 16.2568 15.723L13.3211 18.7671C12.9057 19.1977 12.1987 18.9432 12.0863 18.323L11.2048 13.4599ZM5.66961 7.21714C4.4947 7.43011 3.7141 8.55549 3.92683 9.73039L4.11982 10.7951L7.41188 10.1983L8.65802 6.67545L5.66961 7.21714ZM9.51241 9.81759L13.4915 9.09632L14.7367 5.57361L10.7566 6.29505L9.51241 9.81759ZM15.5911 8.71574L20.534 7.81978L20.341 6.75509C20.1278 5.58028 19.0019 4.80049 17.827 5.01345L16.8363 5.19303L15.5911 8.71574Z" fill={useCurrentColor ? 'currentColor' : '#0C0D0E'}/><g clipPath="url(#svg_ad9d9d0138__clip0_2798_6797)"><path d="M21.5029 14.1973C21.6404 14.1973 21.7538 14.3048 21.7712 14.443C21.8144 14.7867 21.8942 15.1191 22.0069 15.4354L22.1642 15.8215C22.6235 16.8196 23.4201 17.6263 24.4055 18.0915L24.7867 18.2511L24.911 18.2943C25.2034 18.3916 25.5086 18.4602 25.8235 18.4968C25.9277 18.5089 26.0087 18.5968 26.0087 18.7031L26.0049 18.7421C25.9879 18.8302 25.9146 18.8988 25.8235 18.9094L25.7748 18.9155C25.4324 18.959 25.1016 19.0401 24.7867 19.1551L24.4055 19.3147C23.4201 19.7798 22.6235 20.5865 22.1642 21.5846L22.0069 21.9708C21.8942 22.2871 21.8144 22.6194 21.7712 22.9632L21.7604 23.0133C21.7253 23.1265 21.6232 23.2089 21.5029 23.2089L21.4527 23.2039C21.3549 23.1847 21.2755 23.1104 21.2453 23.0133L21.2346 22.9632C21.1914 22.6194 21.1115 22.2871 20.9988 21.9708L20.8415 21.5846C20.3823 20.5865 19.5856 19.7798 18.6003 19.3147L18.2191 19.1551C17.9305 19.0497 17.6286 18.9726 17.3166 18.927L17.1823 18.9094C17.0781 18.8973 16.9971 18.8093 16.9971 18.7031C16.9971 18.5968 17.0781 18.5089 17.1823 18.4968C17.4972 18.4602 17.8024 18.3916 18.0947 18.2943L18.2191 18.2511L18.6003 18.0915C19.5856 17.6263 20.3823 16.8196 20.8415 15.8215L20.9988 15.4354C21.1115 15.1191 21.1914 14.7867 21.2346 14.443C21.252 14.3048 21.3654 14.1973 21.5029 14.1973Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_ad9d9d0138__paint0_linear_2798_6797)'}/></g><defs><linearGradient id="svg_ad9d9d0138__paint0_linear_2798_6797" x1="16.997" y1="23.209" x2="26.009" y2="23.209" gradientUnits="userSpaceOnUse"><stop stopColor="#2163FF"/><stop offset="1" stopColor="#F630F6"/></linearGradient><clipPath id="svg_ad9d9d0138__clip0_2798_6797"><path fill={useCurrentColor ? 'currentColor' : '#fff'} transform="translate(16.8 14)" d="M0 0H9.406V9.406H0z"/></clipPath></defs></svg>;
}

const IconAiVideoActive = React.forwardRef(IconAiVideoActiveComponent);
export default IconAiVideoActive;
