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

function IconPromptWordTemplateComponent(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-prompt-word-template${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M11.094 4.244a1.433 1.433 0 0 1 2.026 0l1.75 1.75a1.435 1.435 0 0 1 0 2.027l-7.1 7.098c-.198.198-.467.31-.748.31H4.771c-.6 0-1.086-.487-1.086-1.086V12.09c0-.28.111-.548.31-.746l7.099-7.1Zm1.066.96a.076.076 0 0 0-.106 0l-7.012 7.01v1.857h1.856l7.011-7.01a.076.076 0 0 0 0-.108L12.16 5.204ZM4.34.572c.29-.015.55.178.619.461.19.787.476 1.225.863 1.566.41.36.951.633 1.755 1.038l.075.037a.603.603 0 0 1-.026 1.09c-1.227.546-1.78 1.068-2.077 1.49a3.22 3.22 0 0 0-.342.643l-.063.158c-.069.17-.148.37-.239.54a.604.604 0 0 1-1.129-.188c-.104-.648-.514-1.295-1.048-1.799-.55-.518-1.112-.775-1.416-.793a.604.604 0 0 1-.066-1.197c.657-.11 1.265-.511 1.734-1.033.477-.53.746-1.11.794-1.487A.603.603 0 0 1 4.34.572Zm.03 2.178c-.145.223-.312.44-.494.643a4.905 4.905 0 0 1-.957.825 5.237 5.237 0 0 1 1.498 1.564 3.88 3.88 0 0 1 .144-.221c.32-.454.784-.907 1.507-1.347a5.94 5.94 0 0 1-1.044-.71 3.596 3.596 0 0 1-.654-.754Z"/></svg>;
}

const IconPromptWordTemplate = React.forwardRef(IconPromptWordTemplateComponent);
export default IconPromptWordTemplate;
