export declare const createStyles: (theme?: "light" | "dark", backgroundColor?: string) => {
    container: {
        flex: number;
        backgroundColor: string;
    };
    contentContainer: {
        flexGrow: number;
        backgroundColor: string;
    };
    contentContainerFull: {
        flex: number;
    };
    emptyContainer: {
        flex: number;
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
    };
    emptyIcon: {
        width: number;
        height: number;
        marginBottom: number;
    };
    emptyText: {
        fontSize: number;
        color: string;
    };
    loadingContainer: {
        flex: number;
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
    };
    loadingText: {
        fontSize: number;
        color: string;
        marginTop: number;
    };
    loadMoreContainer: {
        paddingVertical: number;
        alignItems: "center";
        justifyContent: "center";
        flexDirection: "row";
    };
    loadMoreText: {
        fontSize: number;
        color: string;
        marginLeft: number;
    };
    noMoreContainer: {
        paddingVertical: number;
        alignItems: "center";
        justifyContent: "center";
    };
    noMoreText: {
        fontSize: number;
        color: string;
    };
    noMoreLine: {
        width: number;
        height: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    noMoreContent: {
        flexDirection: "row";
        alignItems: "center";
    };
    errorContainer: {
        flex: number;
        minHeight: number;
        alignItems: "center";
        justifyContent: "center";
    };
    errorText: {
        fontSize: number;
        color: string;
        marginBottom: number;
    };
    retryButton: {
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        borderRadius: number;
    };
    retryText: {
        fontSize: number;
        color: string;
    };
    scrollToTopButton: {
        position: "absolute";
        right: number;
        bottom: number;
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
    };
    scrollToTopIcon: {
        fontSize: number;
        color: string;
    };
    separator: {
        height: number;
    };
    skeletonItem: {
        padding: number;
        backgroundColor: string;
    };
    skeletonRow: {
        flexDirection: "row";
        alignItems: "center";
    };
    skeletonAvatar: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
    };
    skeletonContent: {
        flex: number;
        marginLeft: number;
    };
    skeletonTitle: {
        height: number;
        width: number;
        backgroundColor: string;
        borderRadius: number;
        marginBottom: number;
    };
    skeletonDesc: {
        height: number;
        width: number;
        backgroundColor: string;
        borderRadius: number;
    };
    lazyPlaceholder: {
        backgroundColor: string;
        justifyContent: "center";
        alignItems: "center";
        overflow: "hidden";
    };
    lazyPlaceholderShimmer: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
    };
};
export default createStyles;