import type { ThemeVarType } from '../theme';
export declare const createStyles: (themeVar: ThemeVarType) => {
    scrollViewBox: {
        width: string;
    };
    outWrap: {
        backgroundColor: string;
        paddingVertical: number;
        paddingHorizontal: number;
    };
    stepsBox: {
        alignItems: "flex-start";
        flexDirection: "row";
        justifyContent: "center";
        position: "relative";
    };
    stepWrap: {
        alignItems: "center";
        justifyContent: "center";
        flexShrink: number;
    };
    stepIconWrap: {
        height: number;
        justifyContent: "center";
        backgroundColor: string;
        paddingHorizontal: number;
        position: "relative";
        zIndex: number;
        marginBottom: number;
    };
    line: {
        position: "absolute";
        top: number;
        zIndex: number;
        height: number;
        backgroundColor: string;
    };
    dot: {
        width: number;
        height: number;
        backgroundColor: string;
        borderRadius: number;
        opacity: number;
    };
    dotActive: {
        width: number;
        height: number;
        backgroundColor: string;
        borderRadius: number;
    };
    titleText: {
        fontSize: number;
        color: string;
        opacity: number;
        marginHorizontal: number;
    };
    activeTitleText: {
        fontSize: number;
        color: string;
        marginHorizontal: number;
    };
};