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

function IconPromptContentExpansionComponent(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_content-expansion${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="M1.6 10.244a.6.6 0 0 1 .6.6v2.955h2.955a.6.6 0 0 1 0 1.2H1.6a.6.6 0 0 1-.6-.6v-3.555a.6.6 0 0 1 .6-.6Zm12.798 0a.6.6 0 0 1 .6.6v3.555a.6.6 0 0 1-.6.6h-3.555a.6.6 0 0 1 0-1.2h2.955v-2.955a.6.6 0 0 1 .6-.6ZM8 4.554c.238 0 .454.142.55.36l1.71 3.911.78 1.777a.6.6 0 0 1-1.1.481l-.62-1.418H6.68l-.62 1.418a.6.6 0 0 1-1.1-.48l.778-1.778 1.711-3.91.041-.08A.6.6 0 0 1 8 4.556Zm-.793 3.91h1.587L7.999 6.65l-.793 1.816ZM5.156 1a.6.6 0 0 1 0 1.2H2.198v2.955a.6.6 0 0 1-1.199 0V1.6a.6.6 0 0 1 .6-.6h3.555Zm9.242 0a.6.6 0 0 1 .6.6v3.555a.6.6 0 0 1-1.2 0V2.2h-2.955a.6.6 0 0 1 0-1.199h3.555Z"/></svg>;
}

const IconPromptContentExpansion = React.forwardRef(IconPromptContentExpansionComponent);
export default IconPromptContentExpansion;
