import { ChatTheme } from '../Theme';
export declare const createThemedStyles: (theme: ChatTheme) => {
    root: {
        backgroundColor: string;
    };
    scrollSurface: {
        backgroundColor: string;
    };
    scrollChevron: {
        width: number;
        height: number;
        marginTop: number;
        borderColor: string;
        borderRightWidth: number;
        borderBottomWidth: number;
        transform: {
            rotate: string;
        }[];
    };
    chevronColor: {
        color: string;
    };
};
declare const _default: {
    contentContainerStyle: {
        flexGrow: number;
        justifyContent: "flex-start";
    };
    messagesContainer: {
        paddingBottom: number;
    };
    emptyChatContainer: {
        transform: {
            scaleY: number;
        }[];
    };
    scrollToBottom: {
        position: "absolute";
        right: number;
        bottom: number;
        zIndex: number;
    };
    scrollToBottomContent: {
        height: number;
        width: number;
        borderRadius: number;
    } | {
        shadowColor: string;
        shadowOpacity: number;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowRadius: number;
        elevation?: undefined;
        height: number;
        width: number;
        borderRadius: number;
    } | {
        elevation: number;
        shadowColor?: undefined;
        shadowOpacity?: undefined;
        shadowOffset?: undefined;
        shadowRadius?: undefined;
        height: number;
        width: number;
        borderRadius: number;
    };
};
export default _default;
//# sourceMappingURL=styles.d.ts.map