import type { ThemeOptions } from "@mui/material/styles";
import "./base/palette.types.js";
import "./base/typography.types.js";
import "./components/MuiButton.types.js";
import "./components/MuiIcon.types.js";
import "./components/MuiTabs.types.js";
import { DataGridProProps } from "@mui/x-data-grid-pro";
import "./components/MuiChip.types.js";
/**
 * Create a light theme scaled to your page's `htmlFontSize`.
 * @param htmlFontSize your page's `htmlFontSize`, if not set to 16px.
 * @returns
 */
export declare const createLightTheme: (htmlFontSize?: number) => {
    palette: import("@mui/material/styles").PaletteOptions;
    typography: import("@mui/material/styles").TypographyVariantsOptions;
    components: import("@mui/material/styles").Components<Omit<import("@mui/material/styles").Theme, "components" | "palette"> & import("@mui/material/styles").CssVarsTheme> & {
        MuiDataGrid: {
            defaultProps: Partial<DataGridProProps>;
        };
    };
};
/**
 * The default Honeycomb light theme. To customize the font size, use `createLightTheme`. For
 * greater customization, use `customiseThemes`.
 */
export declare const lightTheme: {
    palette: import("@mui/material/styles").PaletteOptions;
    typography: import("@mui/material/styles").TypographyVariantsOptions;
    components: import("@mui/material/styles").Components<Omit<import("@mui/material/styles").Theme, "components" | "palette"> & import("@mui/material/styles").CssVarsTheme> & {
        MuiDataGrid: {
            defaultProps: Partial<DataGridProProps>;
        };
    };
};
/**
 * Create a dark theme scaled to your page's `htmlFontSize`.
 * @param htmlFontSize your page's `htmlFontSize`, if not set to 16px.
 * @returns
 */
export declare const createDarkTheme: (htmlFontSize?: number) => {
    palette: import("@mui/material/styles").PaletteOptions;
    typography: import("@mui/material/styles").TypographyVariantsOptions;
    components: import("@mui/material/styles").Components<Omit<import("@mui/material/styles").Theme, "components" | "palette"> & import("@mui/material/styles").CssVarsTheme> & {
        MuiDataGrid: {
            defaultProps: Partial<DataGridProProps>;
        };
    };
};
/**
 * The default Honeycomb dark theme. To customize the font size, use `createDarkTheme`. For
 * greater customization, use `customiseThemes`.
 */
export declare const darkTheme: {
    palette: import("@mui/material/styles").PaletteOptions;
    typography: import("@mui/material/styles").TypographyVariantsOptions;
    components: import("@mui/material/styles").Components<Omit<import("@mui/material/styles").Theme, "components" | "palette"> & import("@mui/material/styles").CssVarsTheme> & {
        MuiDataGrid: {
            defaultProps: Partial<DataGridProProps>;
        };
    };
};
interface CustomizationOptions {
    /**
     * General customizations
     */
    generalCustomizations?: ThemeOptions;
    /**
     * Dark theme customizations, applied after general customizations
     */
    darkThemeCustomizations?: ThemeOptions;
    /**
     * Light theme customizations, applied after general customizations
     */
    lightThemeCustomizations?: ThemeOptions;
    /**
     * Your page's `htmlFontSize`, if it's not the default 16px.
     */
    htmlFontSize?: number;
}
/**
 * Customize the default Honeycomb themes. You can make changes to the general theme, or to the
 * dark and light themes separately. Only set properties will be overridden.
 * @param options customizations to apply
 * @returns
 */
export declare const customizeThemes: (options: CustomizationOptions) => {
    darkTheme: ThemeOptions;
    lightTheme: ThemeOptions;
};
export {};