import * as React from 'react';
import { Theme as ETheme } from '@emotion/react';
export declare enum THEME_ID {
    DARK = "THEME_DARK",
    LIGHT = "THEME_LIGHT",
    DEFAULT = "THEME_DEFAULT"
}
export interface Theme extends ETheme {
    fontSizes: {
        extraSmall: string;
        small: string;
        medium: string;
        base: string;
        large: string;
        extraLarge: string;
    };
    Button?: {
        primaryBg: string;
        primaryHoverBg: string;
        primaryActiveBg: string;
        primaryActiveBorder: string;
        primaryFocusBorder: string;
        primaryDisabledBg: string;
        primaryDisabledText: string;
        secondaryActiveBg: string;
        secondaryActiveBorder: string;
        secondaryHoverBorder: string;
        tertiaryBg: string;
        tertiaryBorder: string;
        tertiaryHoverBg: string;
        tertiaryHoverBorder: string;
        tertiarydisabledBg: string;
        tertiaryDisabledBorder: string;
        tertiaryActiveBg: string;
    };
    IconButton: {
        activePrimaryBgColor: string;
        focusBorderColor: string;
        hoverPrimaryBgColor: string;
        primaryActiveFillColor: string;
        primaryBgColor: string;
        primaryBorderColor: string;
        primaryDisabledBgColor: string;
        primaryDisabledBorderColor: string;
        primaryHoverBorderColor: string;
        secondaryActiveBorderColor: string;
    };
    Checkbox: {
        background: string;
        border: string;
        borderFocused: string;
        disableBgColor: string;
        disableBorderColor: string;
        disablecheckedBgColor: string;
        invalidBorderColor: string;
    };
    general: {
        backgroundColor: string;
        color: string;
        contrastColor: string;
        dangerColor: string;
        successColor: string;
        focusColor: string;
        primaryColor: string;
    };
    IndicatorRangeInput: {
        thumb: string;
        trackBg: string;
    };
    Tooltip: {
        backgroundColor: string;
        color: string;
    };
    Input: {
        backgroundColor: string;
        backgroundColorDisabled: string;
        backgroundAutocomplete: string;
        placeholderColor: string;
        labelColor: string;
        borderHover: string;
    };
    Select: {
        disabledColor: string;
        contrastTextColor: string;
        borderColor: string;
        focusedDescriptionColor: string;
        optionHoverBg: string;
        selectedActiveBg: string;
    };
    Switch: {
        activatedColor: string;
        deactivatedColor: string;
        disabledColor?: string;
    };
    themeId: THEME_ID;
}
export declare const themes: {
    [themeId in THEME_ID]: Theme;
};
export interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {
    theme?: Theme;
    children: React.ReactNode;
}
export declare const ThemeProvider: (props: ThemeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Theme.d.ts.map