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

function IconImageAiComponent(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-image_ai${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M1.8667 2.84442C1.8667 2.30441 2.30447 1.86664 2.84448 1.86664H7.48895C7.62396 1.86664 7.7334 1.97608 7.7334 2.11108V2.59998C7.7334 2.73498 7.62396 2.84442 7.48895 2.84442H2.84448V11.1556H11.1556V7.82811L8.57471 9.25205C8.27819 9.41564 7.91815 9.41417 7.62301 9.24814L6.13741 8.41251L4.51151 9.27327C4.39219 9.33644 4.24425 9.29092 4.18109 9.17161L3.95234 8.73953C3.88917 8.62021 3.93469 8.47227 4.054 8.40911L5.67991 7.54834C5.9739 7.3927 6.32686 7.3972 6.61677 7.56029L8.10236 8.39593L10.6833 6.97196C11.335 6.61243 12.1334 7.08382 12.1334 7.82811V11.1556C12.1334 11.6956 11.6956 12.1334 11.1556 12.1334H2.84448C2.30447 12.1334 1.8667 11.6956 1.8667 11.1556V2.84442ZM9.60615 3.0527C9.51802 3.38189 9.26114 3.63915 8.93209 3.72778L8.4793 3.84972C8.13661 3.94202 8.13661 4.42821 8.4793 4.52051L8.92913 4.64166C9.25769 4.73015 9.51433 4.98679 9.60282 5.31535L9.72397 5.76521C9.81627 6.1079 10.3025 6.1079 10.3948 5.76521L10.5167 5.31242C10.6053 4.98337 10.8626 4.72648 11.1918 4.63836L11.6315 4.52066C11.9748 4.42872 11.9748 3.94151 11.6315 3.84959L11.1889 3.73109C10.8592 3.64284 10.6017 3.38533 10.5134 3.05565L10.3949 2.61305C10.303 2.26969 9.81576 2.26969 9.72385 2.61305L9.60615 3.0527ZM5.41116 6.26666C5.88368 6.26666 6.26672 5.88362 6.26672 5.4111C6.26672 4.93859 5.88368 4.55554 5.41116 4.55554C4.93865 4.55554 4.5556 4.93859 4.5556 5.4111C4.5556 5.88362 4.93865 6.26666 5.41116 6.26666Z"/></svg>;
}

const IconImageAi = React.forwardRef(IconImageAiComponent);
export default IconImageAi;
