export interface TypeText {
    primary: string;
    secondary: string;
    disabled: string;
    hint: string;
    icon: string;
}
export interface PaletteColor {
    light: string;
    main: string;
    dark: string;
    contrastText: string;
}
export interface TypeAction {
    active: string;
    hover: string;
    hoverOpacity: number;
    selected: string;
    disabled: string;
    disabledBackground: string;
}
export interface TypeBackground {
    default: string;
    /** Lighter shade of background */
    light: string;
    /** Darker share of background */
    dark: string;
    card: string;
}
export type TypeDivider = string;
export interface Palette {
    primary: PaletteColor;
    secondary: PaletteColor;
    success: PaletteColor;
    warning: PaletteColor;
    error: PaletteColor;
    info: PaletteColor;
    action: TypeAction;
    divider: TypeDivider;
    text: TypeText;
    background: TypeBackground;
}
export interface PaletteInput {
    primary?: Partial<PaletteColor>;
    secondary?: Partial<PaletteColor>;
    success?: Partial<PaletteColor>;
    warning?: Partial<PaletteColor>;
    error?: Partial<PaletteColor>;
    action?: Partial<TypeAction>;
    divider?: TypeDivider;
    text?: Partial<TypeText>;
    background?: Partial<TypeBackground>;
}
export declare const light: {
    /** The colors used to style the text. */
    text: {
        /** The most important text. */
        primary: string;
        /** Secondary text. */
        secondary: string;
        /** Disabled text have even lower visual prominence. */
        disabled: string;
        /** Text hints. */
        hint: string;
        /** Icon color */
        icon: string;
    };
    /** The color used to divide different elements. */
    divider: string;
    /**
     * The background colors used to style the surfaces.
     * Consistency between these values is important.
     */
    background: {
        card: string;
        default: string;
        light: string;
        dark: string;
    };
    /** The colors used to style the action elements. */
    action: {
        /** The color of an active action like an icon button. */
        active: string;
        /** The color of an hovered action. */
        hover: string;
        hoverOpacity: number;
        /** The color of a selected action. */
        selected: string;
        /** The color of a disabled action. */
        disabled: string;
        /** The background color of a disabled action. */
        disabledBackground: string;
    };
    error: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    primary: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    secondary: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    success: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    warning: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    info: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
};
export declare const dark: {
    text: {
        primary: string;
        secondary: string;
        disabled: string;
        hint: string;
        icon: string;
    };
    divider: string;
    background: {
        card: string;
        default: string;
        light: string;
        dark: string;
    };
    action: {
        active: string;
        hover: string;
        hoverOpacity: number;
        selected: string;
        disabled: string;
        disabledBackground: string;
    };
    error: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    primary: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    secondary: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    success: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    warning: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    info: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
};
export declare function createPalette(mode: 'light' | 'dark'): {
    /** The colors used to style the text. */
    text: {
        /** The most important text. */
        primary: string;
        /** Secondary text. */
        secondary: string;
        /** Disabled text have even lower visual prominence. */
        disabled: string;
        /** Text hints. */
        hint: string;
        /** Icon color */
        icon: string;
    };
    /** The color used to divide different elements. */
    divider: string;
    /**
     * The background colors used to style the surfaces.
     * Consistency between these values is important.
     */
    background: {
        card: string;
        default: string;
        light: string;
        dark: string;
    };
    /** The colors used to style the action elements. */
    action: {
        /** The color of an active action like an icon button. */
        active: string;
        /** The color of an hovered action. */
        hover: string;
        hoverOpacity: number;
        /** The color of a selected action. */
        selected: string;
        /** The color of a disabled action. */
        disabled: string;
        /** The background color of a disabled action. */
        disabledBackground: string;
    };
    error: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    primary: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    secondary: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    success: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    warning: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
    info: {
        contrastText: string;
        dark: string;
        light: string;
        main: string;
    };
};