import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
    dropdown_active_color: string;
    dropdown_background_color: string;
    dropdown_menu_height: number;
    dropdown_text_font_size: number;
    dropdown_text_color: string;
    dropdown_text_disabled_color: string;
    dropdown_text_margin_right: number;
    dropdown_text_icon_size: number;
    dropdown_text_icon_color: string;
    dropdown_badge_color: string;
    dropdown_badge_text_font_size: number;
    dropdown_badge_dot_size: number;
};
export declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
    menu: {
        flexDirection: "row";
        alignItems: "center";
        height: number;
        backgroundColor: string;
    };
    item_cell_inner: {
        paddingLeft: number;
        backgroundColor: string;
    };
    badge_dot: {
        backgroundColor: string;
        width: number;
        height: number;
        borderRadius: number;
        overflow: "hidden";
    };
    badge_text: {
        color: string;
        fontSize: number;
    };
    text_item: {
        flex: number;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
    };
    text_text_container: {
        flexShrink: number;
        maxWidth: string;
    };
    text_text: {
        width: string;
        fontSize: number;
    };
    text_text_gap: {
        marginRight: number;
    };
    text_text_badge: {
        marginTop: number;
        marginLeft: number;
    };
};