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;
    };
};
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;
    };
};
export declare function createPalette(mode: 'light' | 'dark'): {
    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;
    };
    /** 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;
    };
};
