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

function IconAiGenerateVariationSparkComponent(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-AiGenerateVariationSpark${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><path fillRule="evenodd" d="M3.1 5.5a2.4 2.4 0 0 1 2.4-2.4h3.4a2.4 2.4 0 0 1 2.4 2.4v3.4a2.4 2.4 0 0 1-2.4 2.4H5.5a2.4 2.4 0 0 1-2.4-2.4V5.5Zm2.4-.6a.6.6 0 0 0-.6.6v3.4a.6.6 0 0 0 .6.6h3.4a.6.6 0 0 0 .6-.6V5.5a.6.6 0 0 0-.6-.6H5.5ZM3.1 15.1a2.4 2.4 0 0 1 2.4-2.4h3.4a2.4 2.4 0 0 1 2.4 2.4v3.4a2.4 2.4 0 0 1-2.4 2.4H5.5a2.4 2.4 0 0 1-2.4-2.4v-3.4Zm2.4-.6a.6.6 0 0 0-.6.6v3.4a.6.6 0 0 0 .6.6h3.4a.6.6 0 0 0 .6-.6v-3.4a.6.6 0 0 0-.6-.6H5.5Zm7.2.6a2.4 2.4 0 0 1 2.4-2.4h3.4a2.4 2.4 0 0 1 2.4 2.4v3.4a2.4 2.4 0 0 1-2.4 2.4h-3.4a2.4 2.4 0 0 1-2.4-2.4v-3.4Zm2.4-.6a.6.6 0 0 0-.6.6v3.4a.6.6 0 0 0 .6.6h3.4a.6.6 0 0 0 .6-.6v-3.4a.6.6 0 0 0-.6-.6h-3.4Zm1.869-12.299a.8.8 0 0 1 .82.612c.252 1.044.631 1.624 1.145 2.075.543.478 1.26.84 2.326 1.376l.1.05a.8.8 0 0 1-.035 1.446c-1.627.724-2.358 1.416-2.753 1.977a4.267 4.267 0 0 0-.453.852 7.277 7.277 0 0 0-.084.207c-.09.227-.197.493-.317.719a.8.8 0 0 1-1.496-.25c-.138-.86-.683-1.718-1.391-2.386-.73-.688-1.475-1.028-1.877-1.051a.8.8 0 0 1-.087-1.588c.87-.147 1.676-.677 2.3-1.37.632-.702.987-1.471 1.052-1.972a.8.8 0 0 1 .75-.697Zm.04 2.888a6.873 6.873 0 0 1-.654.852c-.36.4-.786.779-1.27 1.094a7 7 0 0 1 .843.68c.419.395.818.866 1.144 1.395a4.59 4.59 0 0 1 .192-.294c.423-.602 1.038-1.202 1.997-1.786-.51-.284-.979-.584-1.384-.94a4.767 4.767 0 0 1-.867-1Z" clipRule="evenodd"/></svg>;
}

const IconAiGenerateVariationSpark = React.forwardRef(IconAiGenerateVariationSparkComponent);
export default IconAiGenerateVariationSpark;
