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

function IconPromptDefaultComponent(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_default${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 32 32" {...rest} ref={ref}><path fillRule="evenodd" d="M21.23 9.428c.99-.99 2.594-.99 3.584 0l3.092 3.092a2.533 2.533 0 0 1 0 3.582L15.355 28.653c-.35.35-.825.547-1.32.547h-3.982a1.92 1.92 0 0 1-1.92-1.92v-3.982c0-.495.197-.97.547-1.32l12.55-12.55Zm1.886 1.697a.133.133 0 0 0-.188 0L10.533 23.519v3.28h3.281l12.395-12.394a.133.133 0 0 0 0-.188l-3.093-3.092ZM9.291 2.935c.514-.028.975.315 1.095.816.335 1.39.841 2.165 1.525 2.766.725.637 1.682 1.12 3.103 1.835l.133.067a1.067 1.067 0 0 1-.047 1.928c-2.17.965-3.145 1.887-3.67 2.635a5.69 5.69 0 0 0-.605 1.136l-.112.277c-.12.303-.262.657-.423.958a1.067 1.067 0 0 1-1.994-.334c-.184-1.146-.91-2.29-1.855-3.18-.973-.917-1.967-1.372-2.502-1.402a1.067 1.067 0 0 1-.117-2.117c1.161-.196 2.236-.903 3.066-1.826.844-.937 1.318-1.963 1.403-2.63a1.07 1.07 0 0 1 1-.93Zm.055 3.85c-.256.395-.55.778-.872 1.137A8.673 8.673 0 0 1 6.78 9.38c.394.27.773.577 1.123.906a9.241 9.241 0 0 1 1.525 1.86 6.19 6.19 0 0 1 .255-.392c.565-.802 1.385-1.602 2.664-2.38-.68-.38-1.305-.78-1.845-1.255a6.353 6.353 0 0 1-1.157-1.334Z" clipRule="evenodd"/></svg>;
}

const IconPromptDefault = React.forwardRef(IconPromptDefaultComponent);
export default IconPromptDefault;
