import { Interpolation } from '@emotion/react';
import { ComponentType } from 'react';
export interface GameTheme {
    root: RootTheme;
    dialog: DialogTheme;
    buttons?: Interpolation<GameTheme>;
    dropArea?: DropAreaTheme;
    palette: PaletteTheme;
    menu?: MenuTheme;
    journal?: JournalTheme;
    result?: ResultTheme;
    header?: HeaderTheme;
    playerPanel?: PlayerPanelTheme;
    tutorial?: TutorialTheme;
    timeStats?: TimeStatsTheme;
    extensionDialog?: ExtensionDialogTheme;
}
export interface DropAreaTheme {
    backgroundColor: string;
}
export interface RootTheme {
    fontFamily: string;
    background: BackgroundTheme;
}
export interface BackgroundTheme {
    image: string;
    overlay: string;
}
export type DialogNavigationProps = {
    onPrevious?: () => void;
    onNext?: () => void;
    currentIndex: number;
    total: number;
};
export interface DialogTheme {
    backgroundColor: string;
    color: string;
    container?: Interpolation<GameTheme>;
    backdrop?: Interpolation<GameTheme>;
    closeIcon?: Interpolation<GameTheme>;
    closeButton?: ComponentType<{
        onClick: () => void;
    }>;
    content?: Interpolation<GameTheme>;
    openAnimation?: Interpolation<GameTheme>;
    closeAnimation?: Interpolation<GameTheme>;
    navigation?: ComponentType<DialogNavigationProps>;
    navigationCss?: Interpolation<GameTheme>;
    /**
     * Optional override applied to every <button> rendered inside a
     * Dialog (rules / help / confirmation / tutorial). When defined,
     * shadows theme.buttons for the dialog subtree, so games can have
     * a different button look in dialogs than on the rest of the UI.
     * Falls back to theme.buttons when undefined.
     */
    buttons?: Interpolation<GameTheme>;
}
export interface PaletteTheme {
    primary: string;
    primaryHover: string;
    primaryActive: string;
    primaryLight: string;
    primaryLighter: string;
    surface: string;
    onSurface: string;
    onSurfaceFocus: string;
    onSurfaceActive: string;
    danger: string;
    dangerHover: string;
    dangerActive: string;
    disabled: string;
}
export interface MenuTheme {
    panel?: Interpolation<GameTheme>;
    button?: Interpolation<GameTheme>;
    mainButton?: Interpolation<GameTheme>;
    popButton?: Interpolation<GameTheme>;
}
export interface JournalTheme {
    tab?: Interpolation<GameTheme>;
    tabSelected?: Interpolation<GameTheme>;
    chatBar?: Interpolation<GameTheme>;
    /**
     * Style of one history entry. Any "font-size" here is relative to the default entry size:
     * "1em" keeps the standard size, "1.05em" makes the text 5% bigger.
     */
    historyEntry?: Interpolation<GameTheme>;
}
export interface ResultTheme {
    border?: string;
    icon?: string;
    container?: Interpolation<GameTheme>;
    closeIcon?: Interpolation<GameTheme>;
}
export interface HeaderTheme {
    bar?: Interpolation<GameTheme>;
    buttons?: Interpolation<GameTheme>;
}
export interface PlayerPanelTheme {
    activeRingColors?: [string, string];
    panel?: Interpolation<GameTheme>;
    dataBadge?: Interpolation<GameTheme>;
}
export interface TutorialTheme {
    container?: Interpolation<GameTheme>;
    content?: Interpolation<GameTheme>;
}
export interface TimeStatsTheme {
    container?: Interpolation<GameTheme>;
    thinkBackground?: string;
    waitBackground?: string;
}
export interface ExtensionDialogTheme {
    container?: Interpolation<GameTheme>;
}
export declare const defaultPalette: PaletteTheme;
export declare const defaultTheme: GameTheme;