import { ChatTheme } from '../Theme';
export declare const createBubbleStyles: (theme: ChatTheme) => {
    container: {
        flex: number;
    };
    container_left: {
        alignItems: "flex-start";
    };
    container_right: {
        alignItems: "flex-end";
    };
    rowSurface: {
        alignSelf: "stretch";
    };
    rowSurface_left: {
        alignItems: "flex-start";
    };
    rowSurface_right: {
        alignItems: "flex-end";
    };
    wrapper: {
        borderRadius: number;
        minHeight: number;
        maxWidth: "70%";
    };
    wrapper_left: {
        backgroundColor: string;
        justifyContent: "flex-end";
    };
    wrapper_right: {
        backgroundColor: string;
        justifyContent: "flex-end";
    };
    noteWrapper: {
        backgroundColor: string;
    };
    noteMetaPill: {
        position: "absolute";
        bottom: number;
        right: number;
        justifyContent: "flex-end";
        paddingHorizontal: number;
        paddingTop: number;
        paddingBottom: number;
    };
    noteMetaInner: {
        flexGrow: number;
    };
    noteMetaText: {
        color: string;
    };
    bottom: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "flex-end";
        paddingHorizontal: number;
        paddingBottom: number;
    };
    containerToNext_left: {
        borderBottomLeftRadius: number;
    };
    containerToNext_right: {
        borderBottomRightRadius: number;
    };
    containerToPrevious_left: {
        borderTopLeftRadius: number;
    };
    containerToPrevious_right: {
        borderTopRightRadius: number;
    };
    messageTimeAndStatusContainer: {
        flexGrow: number;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "flex-end";
        gap: number;
    };
    messageStatusContainer: {
        flexDirection: "row";
        alignItems: "center";
    };
    usernameContainer: {
        paddingHorizontal: number;
        paddingTop: number;
    };
    username: {
        fontSize: number;
        fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
        color: string;
    };
};
export type BubbleStyles = ReturnType<typeof createBubbleStyles>;
//# sourceMappingURL=styles.d.ts.map