export declare const createStyles: (width?: number, height?: number) => {
    container: {
        width: number;
        height: number;
        overflow: "hidden";
    };
    contentContainer: {
        position: "relative";
        width: number;
        height: number;
    };
    scrollView: {
        width: number;
        height: number;
    };
    scrollContent: {
        flexDirection: "row";
        height: number;
    };
    scrollContentVertical: {
        flexDirection: "column";
        width: number;
    };
    slideItem: {
        width: number;
        height: number;
        justifyContent: "center";
        alignItems: "center";
    };
    slideItemVertical: {
        width: number;
        height: number;
    };
    image: {
        width: "100%";
        height: "100%";
    };
    placeholder: {
        width: "100%";
        height: "100%";
        backgroundColor: string;
        justifyContent: "center";
        alignItems: "center";
    };
    placeholderText: {
        fontSize: number;
        color: string;
    };
    titleContainer: {
        position: "absolute";
        left: number;
        right: number;
        bottom: number;
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
    };
    titleContainerOutside: {
        position: "relative";
        backgroundColor: string;
        paddingTop: number;
        paddingBottom: number;
    };
    title: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    titleOutside: {
        color: string;
    };
    subtitle: {
        fontSize: number;
        color: string;
        marginTop: number;
    };
    subtitleOutside: {
        color: string;
    };
    indicatorContainer: {
        position: "absolute";
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
    };
    indicatorBottom: {
        left: number;
        right: number;
        bottom: number;
    };
    indicatorTop: {
        left: number;
        right: number;
        top: number;
    };
    indicatorLeft: {
        top: number;
        bottom: number;
        left: number;
        flexDirection: "column";
    };
    indicatorRight: {
        top: number;
        bottom: number;
        right: number;
        flexDirection: "column";
    };
    indicatorBottomLeft: {
        bottom: number;
        left: number;
    };
    indicatorBottomRight: {
        bottom: number;
        right: number;
    };
    indicatorTopLeft: {
        top: number;
        left: number;
    };
    indicatorTopRight: {
        top: number;
        right: number;
    };
    dot: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    dotActive: {
        backgroundColor: string;
    };
    dotVertical: {
        marginHorizontal: number;
        marginVertical: number;
    };
    line: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    lineActive: {
        backgroundColor: string;
    };
    numberIndicator: {
        backgroundColor: string;
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
    };
    numberText: {
        fontSize: number;
        color: string;
        fontWeight: "500";
    };
    progressContainer: {
        width: number;
        height: number;
        backgroundColor: string;
        borderRadius: number;
        overflow: "hidden";
    };
    progressBar: {
        height: "100%";
        backgroundColor: string;
        borderRadius: number;
    };
    arrowContainer: {
        position: "absolute";
        top: number;
        bottom: number;
        justifyContent: "center";
        alignItems: "center";
        zIndex: number;
    };
    arrowLeft: {
        left: number;
    };
    arrowRight: {
        right: number;
    };
    arrowLeftOutside: {
        left: number;
    };
    arrowRightOutside: {
        right: number;
    };
    arrowButton: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        justifyContent: "center";
        alignItems: "center";
    };
    arrowButtonPressed: {
        backgroundColor: string;
    };
    arrowIcon: {
        fontSize: number;
        color: string;
        fontWeight: "bold";
    };
    arrowBottomContainer: {
        position: "absolute";
        bottom: number;
        left: number;
        right: number;
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
        gap: number;
    };
    cardModeContainer: {
        overflow: "visible";
    };
    cardItem: {
        borderRadius: number;
        overflow: "hidden";
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
    };
    cardItemSide: {
        opacity: number;
    };
    touchOverlay: any;
    lazyPlaceholder: {
        width: "100%";
        height: "100%";
        backgroundColor: string;
        justifyContent: "center";
        alignItems: "center";
    };
};
export type IndicatorPositionStyleKey = 'indicatorBottom' | 'indicatorTop' | 'indicatorLeft' | 'indicatorRight' | 'indicatorBottomLeft' | 'indicatorBottomRight' | 'indicatorTopLeft' | 'indicatorTopRight';
export declare const getIndicatorPositionStyle: (position: string) => IndicatorPositionStyleKey;
export declare const defaultColors: {
    indicatorActive: string;
    indicatorInactive: string;
    arrowBackground: string;
    arrowColor: string;
    titleBackground: string;
    titleColor: string;
};