import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
    popover_border_radius: number;
    popover_color: string;
    popover_color_dark: string;
    popover_item_padding_horizontal: number;
    popover_item_padding_vertical: number;
    popover_item_divider: string;
    popover_item_divider_dark: string;
    popover_text_color: string;
    popover_text_color_dark: string;
    popover_text_font_size: number;
};
declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
    trigger: {
        alignItems: "center";
    };
    content: {
        backgroundColor: string;
        borderRadius: number;
        paddingVertical: number;
        paddingHorizontal: number;
        elevation: number;
    };
    content_dark: {
        backgroundColor: string;
    };
    arrow: {
        borderTopColor: string;
    };
    arrow_dark: {
        borderTopColor: string;
    };
    background: {
        backgroundColor: string;
    };
    item_inner: {
        marginHorizontal: number;
        paddingVertical: number;
    };
    item_inner_divider: {
        borderBottomWidth: number;
        borderBottomColor: string;
    };
    item_inner_divider_dark: {
        borderBottomColor: string;
    };
    text: {
        color: string;
        fontSize: number;
    };
    text_dark: {
        color: string;
    };
};
export {};