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

function IconAiImageActiveComponent(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_image_active${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 26 26" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M11.9024 4.26369C12.3987 4.17151 12.8757 4.49914 12.968 4.99548C13.0602 5.49189 12.7326 5.96888 12.2362 6.06108L5.63999 7.28616C4.48125 7.50161 3.71587 8.61689 3.93111 9.7758L5.88 20.2692C5.90754 20.4173 5.95024 20.5589 6.00537 20.6929L9.15515 16.3832L9.26036 16.2544C9.7676 15.6866 10.5985 15.5319 11.2757 15.8801L11.4182 15.9629L13.8611 17.5374L16.8215 13.4436L16.9277 13.3097C17.4916 12.6757 18.4551 12.5595 19.1589 13.0651L21.6186 14.8322L21.0187 11.6023C20.9266 11.106 21.2543 10.629 21.7505 10.5367C22.2469 10.4445 22.7239 10.7722 22.8161 11.2685L23.8673 16.9285C24.2669 19.0809 22.8469 21.1486 20.6947 21.5484L8.70251 23.7757C6.55038 24.1751 4.48254 22.7552 4.08261 20.603L2.13372 10.1096C1.73397 7.95723 3.15401 5.88872 5.30617 5.48877L11.9024 4.26369ZM7.37115 21.9232C7.68508 22.0169 8.02455 22.0421 8.36869 21.9783L11.0062 21.4884L12.7887 19.0209L10.5479 17.5767L7.37115 21.9232ZM13.6139 21.0041L20.3609 19.751C21.4653 19.5458 22.2098 18.524 22.0913 17.4252L18.2134 14.6382L13.6139 21.0041ZM8.46253 9.55202C9.62149 9.33675 10.7368 10.102 10.9522 11.2609C11.1674 12.42 10.4014 13.5354 9.24233 13.7507C8.08342 13.9657 6.9687 13.1996 6.75347 12.0407C6.53846 10.8819 7.30384 9.76749 8.46253 9.55202Z" fill={useCurrentColor ? 'currentColor' : '#0C0D0E'}/><g clipPath="url(#svg_61a6caa01f__clip0_2798_6828)"><path d="M18.8029 1.69727C18.9404 1.69727 19.0538 1.80482 19.0712 1.94297C19.1144 2.28674 19.1943 2.61907 19.307 2.93538L19.4643 3.32155C19.9235 4.31962 20.7202 5.12633 21.7055 5.59148L22.0867 5.75108L22.2111 5.79432C22.5035 5.89163 22.8087 5.96022 23.1235 5.99678C23.2277 6.00889 23.3087 6.09681 23.3087 6.20307L23.3049 6.24211C23.2879 6.33019 23.2146 6.39878 23.1235 6.40936L23.0749 6.41548C22.7324 6.45898 22.4016 6.54006 22.0867 6.65507L21.7055 6.81467C20.7202 7.27982 19.9235 8.08653 19.4643 9.0846L19.307 9.47078C19.1943 9.78708 19.1144 10.1194 19.0712 10.4632L19.0605 10.5133C19.0253 10.6265 18.9233 10.7089 18.8029 10.7089L18.7528 10.7039C18.6549 10.6847 18.5755 10.6104 18.5454 10.5133L18.5346 10.4632C18.4914 10.1194 18.4116 9.78708 18.2989 9.47078L18.1416 9.0846C17.6823 8.08653 16.8857 7.27982 15.9004 6.81467L15.5192 6.65507C15.2306 6.54968 14.9287 6.47262 14.6167 6.42697L14.4824 6.40936C14.3781 6.39726 14.2971 6.30934 14.2971 6.20307C14.2971 6.09681 14.3781 6.00889 14.4824 5.99678C14.7972 5.96022 15.1024 5.89163 15.3948 5.79432L15.5192 5.75108L15.9004 5.59148C16.8857 5.12633 17.6823 4.31962 18.1416 3.32155L18.2989 2.93538C18.4116 2.61907 18.4914 2.28674 18.5346 1.94297C18.552 1.80482 18.6654 1.69727 18.8029 1.69727Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_61a6caa01f__paint0_linear_2798_6828)'}/></g><defs><linearGradient id="svg_61a6caa01f__paint0_linear_2798_6828" x1="14.297" y1="10.709" x2="23.309" y2="10.709" gradientUnits="userSpaceOnUse"><stop stopColor="#2163FF"/><stop offset="1" stopColor="#F630F6"/></linearGradient><clipPath id="svg_61a6caa01f__clip0_2798_6828"><path fill={useCurrentColor ? 'currentColor' : '#fff'} transform="translate(14.1 1.5)" d="M0 0H9.406V9.406H0z"/></clipPath></defs></svg>;
}

const IconAiImageActive = React.forwardRef(IconAiImageActiveComponent);
export default IconAiImageActive;
