import type { CSSProperties } from 'react';
/** Shared conversation geometry; business state and permissions stay with each owner. */
export declare const arkmeConversationMessageLayout: {
    header: {
        flex: string;
        height: number;
        display: "flex";
        alignItems: "center";
        padding: string;
        boxSizing: "border-box";
        borderBottom: string;
        position: "relative";
        gap: number;
    };
    titleGroup: {
        flex: number;
        minWidth: number;
        display: "flex";
        alignItems: "center";
    };
    titleBlock: {
        flex: string;
        minWidth: number;
        maxWidth: string;
        padding: string;
        display: "flex";
        flexDirection: "column";
        justifyContent: "center";
    };
    titleLine: {
        minWidth: number;
        display: "flex";
        alignItems: "center";
        gap: number;
    };
    title: {
        flex: string;
        minWidth: number;
        margin: number;
        fontSize: number;
        lineHeight: string;
        fontWeight: number;
        whiteSpace: "nowrap";
        overflow: "hidden";
        textOverflow: "ellipsis";
    };
    headerSubtitle: {
        color: "var(--dsw-alias-label-secondary, #68707c)";
        fontSize: number;
        lineHeight: string;
        whiteSpace: "nowrap";
        overflow: "hidden";
        textOverflow: "ellipsis";
    };
    date: {
        alignSelf: "center";
        marginBottom: number;
        color: "var(--dsw-alias-label-caption, #a3a8ae)";
        fontSize: number;
    };
    row: {
        width: string;
        minWidth: number;
        display: "flex";
        background: string;
        transition: "background-color .3s ease";
    };
    rowMe: {
        justifyContent: "flex-end";
    };
    rowOther: {
        justifyContent: "flex-start";
    };
    messageLine: {
        maxWidth: string;
        display: "flex";
        alignItems: "flex-start";
        gap: number;
        marginBottom: number;
    };
    messageLineMe: {
        flexDirection: "row-reverse";
    };
    messageBody: {
        minWidth: number;
        flex: number;
        display: "flex";
        flexDirection: "column";
        alignItems: "flex-start";
        gap: number;
    };
    messageBodyMe: {
        alignItems: "flex-end";
    };
    messageAvatar: {
        width: number;
        height: number;
        flex: string;
        overflow: "hidden";
        borderRadius: number;
        display: "grid";
        placeItems: "center";
        background: string;
        color: "var(--dsw-alias-label-secondary, #68707c)";
        fontSize: number;
        fontWeight: number;
    };
    messageAvatarImage: {
        width: string;
        height: string;
        display: "block";
        objectFit: "cover";
    };
    sender: {
        color: "var(--dsw-alias-label-primary, #17191c)";
        fontSize: number;
        fontWeight: number;
    };
    messageHeader: {
        display: "flex";
        alignItems: "center";
        gap: number;
    };
    bubble: {
        maxWidth: string;
        minWidth: number;
        padding: string;
        overflow: "hidden";
        overflowWrap: "anywhere";
        wordBreak: "break-word";
        borderRadius: string;
        boxSizing: "border-box";
        cursor: "pointer";
        border: string;
    };
    bubbleMe: CSSProperties;
    bubbleOther: CSSProperties;
    text: {
        margin: number;
        whiteSpace: "pre-wrap";
        wordBreak: "break-word";
        fontSize: number;
        lineHeight: string;
    };
    meta: {
        color: "var(--dsw-alias-label-tertiary, #9097a1)";
        fontSize: number;
    };
};
export declare function dayKey(value: number): string;
export declare function dayLabel(value: number, nowMillis?: number): string;
export declare function timeLabel(value: number): string;
//# sourceMappingURL=conversation-message-presentation.d.ts.map