import { CSSProperties, ReactNode, Ref, TextareaHTMLAttributes } from 'react';
import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types.js';
export type ChatComposerSlots = 'input' | 'button';
/** Text ChatComposer renders of its own, for translating it. */
export interface ChatComposerLabels {
    /** Shown in the empty field, and its accessible name. */
    placeholder?: string;
    /** Send button, read out by screen readers. */
    send?: string;
    /** Stop button shown while `onStop` is set, read out by screen readers. */
    stop?: string;
}
/** Native attributes go to the `<textarea>`; `className` and `style` to the root. */
export interface ChatComposerProps extends DataProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'value' | 'defaultValue' | 'placeholder'> {
    /** Called with the trimmed text. Not called while the field is empty or only whitespace. */
    onSend: (text: string) => void;
    /** Controlled value. Sending clears it through `onChange('')`. */
    value?: string;
    defaultValue?: string;
    onChange?: (value: string) => void;
    /** Runs before the composer's own handling; `preventDefault()` on an Enter keeps it from sending. */
    onKeyDown?: TextareaHTMLAttributes<HTMLTextAreaElement>['onKeyDown'];
    /** Swaps the send button for a stop button while set, e.g. while an AI answer streams. Enter sends nothing meanwhile. */
    onStop?: () => void;
    disabled?: boolean;
    /** The height of the empty field, in lines. It grows from there to seven. Default 1. */
    rows?: number;
    /** Before the field: an attach or emoji button. Moves to a row below it once the text wraps. */
    startContent?: ReactNode;
    /** Between the field and the send button. Moves to a row below it, with the send button, once the text wraps. */
    endContent?: ReactNode;
    /** Ref to the inner `<textarea>`. */
    ref?: Ref<HTMLTextAreaElement>;
    /** Overrides the text ChatComposer renders of its own. Merged per key. */
    labels?: ChatComposerLabels;
    className?: string;
    style?: CSSProperties;
    classNames?: SlotClassNames<ChatComposerSlots>;
    styles?: SlotStyles<ChatComposerSlots>;
}