import React from 'react';
import type { ThemeProviderProps } from './interface';
export declare const useThemeTokens: () => {
    animation_duration_base: number;
    animation_duration_fast: number;
    border_color: string;
    underlay_color: string;
    yellow_1: string;
    yellow_2: string;
    yellow_3: string;
    yellow_4: string;
    yellow_5: string;
    yellow_6: string;
    yellow_7: string;
    yellow_8: string;
    yellow_9: string;
    yellow_10: string;
    green_1: string;
    green_2: string;
    green_3: string;
    green_4: string;
    green_5: string;
    green_6: string;
    green_7: string;
    green_8: string;
    green_9: string;
    green_10: string;
    brand_1: string;
    brand_2: string;
    brand_3: string;
    brand_4: string;
    brand_5: string;
    brand_6: string;
    brand_7: string;
    brand_8: string;
    brand_9: string;
    brand_10: string;
    red_1: string;
    red_2: string;
    red_3: string;
    red_4: string;
    red_5: string;
    red_6: string;
    red_7: string;
    red_8: string;
    red_9: string;
    red_10: string;
    db_1: string;
    db_2: string;
    db_3: string;
    db_4: string;
    db_5: string;
    db_6: string;
    db_7: string;
    db_8: string;
    db_9: string;
    db_10: string;
    purper_1: string;
    purper_2: string;
    purper_3: string;
    purper_4: string;
    purper_5: string;
    purper_6: string;
    purper_7: string;
    purper_8: string;
    purper_9: string;
    purper_10: string;
    volcano_1: string;
    volcano_2: string;
    volcano_3: string;
    volcano_4: string;
    volcano_5: string;
    volcano_6: string;
    volcano_7: string;
    volcano_8: string;
    volcano_9: string;
    volcano_10: string;
    cyan_1: string;
    cyan_2: string;
    cyan_3: string;
    cyan_4: string;
    cyan_5: string;
    cyan_6: string;
    cyan_7: string;
    cyan_8: string;
    cyan_9: string;
    cyan_10: string;
    gray_1: string;
    gray_2: string;
    gray_3: string;
    gray_4: string;
    gray_5: string;
    gray_6: string;
    gray_7: string;
    gray_8: string;
    black: string;
    white: string;
    opacity_10: number;
    opacity_5: number;
    opacity_20: number;
    opacity_30: number;
    opacity_40: number;
    opacity_50: number;
    opacity_60: number;
    opacity_70: number;
    opacity_80: number;
    opacity_90: number;
    opacity_100: number;
    font_size_1: number;
    font_size_2: number;
    font_size_3: number;
    font_size_4: number;
    font_size_5: number;
    font_size_6: number;
    font_size_7: number;
    font_size_8: number;
    font_size_9: number;
    font_size_10: number;
    line_height_1: number;
    line_height_2: number;
    line_height_3: number;
    line_height_4: number;
    line_height_5: number;
    space_1: number;
    space_2: number;
    space_3: number;
    space_4: number;
    space_5: number;
    space_6: number;
    space_7: number;
    space_8: number;
    space_9: number;
    space_10: number;
    border_radius_xxs: number;
    border_radius_xs: number;
    border_radius_s: number;
    border_radius_m: number;
    border_radius_l: number;
    border_radius_xl: number;
    border_radius_max: number;
};
declare const _default: React.MemoExoticComponent<React.FC<ThemeProviderProps>>;
export default _default;