import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
    nav_bar_arrow_size: number;
    nav_bar_height: number;
    nav_bar_gap: number;
    nav_bar_background_color: string;
    nav_bar_title_text_color: string;
    nav_bar_title_font_size: number;
    nav_bar_icon_color: string;
};
declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
    bar: {
        height: number;
        width: string;
        justifyContent: "center";
        position: "relative";
        backgroundColor: string;
        paddingHorizontal: number;
    };
    left: {
        position: "absolute";
        top: number;
        bottom: number;
        left: number;
        flexDirection: "row";
        alignItems: "center";
        zIndex: number;
    };
    back_arrow: {
        color: string;
        height: number;
        minWidth: number;
        justifyContent: "center";
    };
    right: {
        position: "absolute";
        top: number;
        bottom: number;
        right: number;
        flexDirection: "row";
        alignItems: "center";
        zIndex: number;
    };
    title_text: {
        color: string;
        textAlign: "center";
        fontSize: number;
        fontWeight: "bold";
    };
};
export {};