import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
    button_xl_height: number;
    button_xl_font_size: number;
    button_xl_loading_size: number;
    button_l_height: number;
    button_l_font_size: number;
    button_l_loading_size: number;
    button_m_height: number;
    button_m_font_size: number;
    button_m_loading_size: number;
    button_s_height: number;
    button_s_font_size: number;
    button_s_loading_size: number;
    button_xs_height: number;
    button_xs_font_size: number;
    button_xs_loading_size: number;
    button_xs_padding_horizontal: number;
    button_padding_horizontal: number;
    button_border_width: number;
    button_border_color: string;
    button_border_radius: number;
    button_active_opacity: number;
    button_disabled_opacity: number;
    button_loading_opacity: number;
    button_primary_color: string;
    button_danger_color: string;
    button_ghost_background_color: string;
    button_hazy_lightness: number;
    button_icon_gap: number;
};
declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
    button: {
        alignItems: "center";
        justifyContent: "center";
        flexDirection: "row";
        borderStyle: "solid";
        paddingHorizontal: number;
        borderRadius: number;
    };
    button_disabled: {
        opacity: number;
    };
    button_loading: {
        opacity: number;
    };
    button_xs_padding_horizontal: {
        paddingHorizontal: number;
    };
    button_square: {
        borderRadius: number;
    };
    button_round: {
        borderRadius: number;
    };
    text: {
        textAlign: "center";
    };
};
export {};