import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
    step_selector_active_color: string;
    step_selector_option_index_width: number;
    step_selector_option_index_text_color: string;
    step_selector_option_index_text_font_size: number;
};
export declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
    selected_cell: {
        paddingVertical: number;
    };
    selected_cell_title_text: {
        paddingVertical: number;
    };
    placeholder_text: {
        fontWeight: "bold";
    };
    option_text_active: {
        color: string;
    };
    option_index_text: {
        width: number;
        alignSelf: "center";
        color: string;
        fontSize: number;
    };
    line: {
        width: number;
        height: string;
    };
    line_dot: {
        width: number;
        height: number;
        borderRadius: number;
        borderColor: string;
        borderWidth: number;
        position: "absolute";
        left: string;
        top: string;
        marginLeft: number;
        marginTop: number;
        backgroundColor: string;
    };
    line_dot_active: {
        backgroundColor: string;
        borderWidth: number;
    };
    line_bar: {
        width: number;
        height: string;
        marginLeft: number;
        position: "absolute";
        left: string;
        backgroundColor: string;
    };
    line_bar_top: {
        top: number;
    };
    line_bar_bottom: {
        bottom: number;
    };
};