/// <reference types="@types/react" />
import React, { FC } from 'react';
interface Color {
    primary0: string;
    primary1: string;
    primary2: string;
    primary3: string;
    primary4: string;
    primary5: string;
    primary6: string;
    primary7: string;
    primary8: string;
    primary9: string;
    primary10: string;
    gray0: string;
    gray1: string;
    gray2: string;
    gray3: string;
    gray4: string;
    gray5: string;
    gray6: string;
    gray7: string;
    gray8: string;
    gray9: string;
    gray10: string;
    link: string;
    success: string;
    warning: string;
    error: string;
    primary: string;
    title: string;
    primaryText: string;
    secondaryText: string;
    disable: string;
    border: string;
    divider: string;
    background: string;
    tableHeader: string;
    inputBackground: string;
    secondary: string;
    active: string;
    interactive: string;
    primaryBackground: string;
    highlightBackground: string;
    secondaryBackground: string;
    attentionBackground: string;
    bodyBackground: string;
    formInputBackground: string;
    primaryBackgroundHeader: string;
    primaryHeader: string;
}
interface Text {
    h1: React.CSSProperties;
    h2: React.CSSProperties;
    h3: React.CSSProperties;
    h4: React.CSSProperties;
    h5: React.CSSProperties;
    h6: React.CSSProperties;
    link: React.CSSProperties;
    menu: React.CSSProperties;
    body: React.CSSProperties;
    label: React.CSSProperties;
    caption: React.CSSProperties;
}
interface ThemeContextValue {
    isDark: boolean;
    appearance: 'dark' | 'light';
    color: Color;
    text: Text;
}
export declare const ThemeContext: React.Context<ThemeContextValue>;
export declare const useTheme: () => ThemeContextValue;
interface ThemeProfiderProps {
    injectStyle?: boolean;
    appearance?: 'dark' | 'light';
    [x: string]: any;
}
export declare const ThemeContextProvider: FC<ThemeProfiderProps>;
export {};