import type { TokensType } from '../theme/interface';
export declare const varCreator: (TOKENS: TokensType) => {
    description_l_font_size: number;
    description_l_line_height: number;
    description_m_font_size: number;
    description_m_line_height: number;
    description_s_font_size: number;
    description_s_line_height: number;
    description_label_color: string;
    description_text_color: string;
};
declare type ComponentVars = ReturnType<typeof varCreator>;
export declare const styleCreator: (cv: ComponentVars) => {
    label_text: {
        color: string;
    };
    content: {
        overflow: "hidden";
        flex: number;
        flexDirection: "row";
        alignItems: "center";
    };
    content_text: {
        color: string;
    };
    content_date_range: {
        flexDirection: "column";
        alignItems: "flex-start";
    };
    size_l_text: {
        fontSize: number;
        lineHeight: number;
    };
    size_m_text: {
        fontSize: number;
        lineHeight: number;
    };
    size_s_text: {
        fontSize: number;
        lineHeight: number;
    };
};
export {};