import type { CSSProperties } from 'react';
/** Keep each border property present across target and resize transitions. */
export declare function arkmeConversationComposerBorder(color: string, hasTarget: boolean, highlighted: boolean): CSSProperties;
export declare function arkmeConversationComposerFocusStyle(focused: boolean): CSSProperties;
/** Shared size and layout contract for Arkme chat composers. Interaction stays with each surface. */
export declare const arkmeConversationComposerLayout: {
    composer: {
        flex: string;
        display: "flex";
        justifyContent: "stretch";
        padding: string;
    };
    composerStack: {
        width: string;
        minWidth: number;
        display: "flex";
        flexDirection: "column";
        containerType: "inline-size";
        containerName: "arkme-composer";
    };
    composerInner: {
        position: "relative";
        width: string;
        overflow: "visible";
        boxSizing: "border-box";
        display: "flex";
        flexDirection: "column";
        gap: number;
        padding: string;
        borderRadius: number;
    };
    textarea: {
        width: string;
        minHeight: number;
        maxHeight: number;
        resize: "none";
        overflowY: "auto";
        boxSizing: "border-box";
        border: number;
        outline: number;
        padding: number;
        fontFamily: "var(--dsw-font-family, inherit)";
        fontSize: number;
        lineHeight: string;
        whiteSpace: "pre-wrap";
        wordBreak: "break-word";
        overflowWrap: "anywhere";
    };
    tools: {
        display: "flex";
        alignItems: "center";
        justifyContent: "space-between";
        gap: number;
        minWidth: number;
        padding: number;
    };
};
export declare function arkmeConversationComposerHeight(scrollHeight: number): number;
//# sourceMappingURL=conversation-composer-presentation.d.ts.map