import React from 'react';
import { ConfigType } from '@stitches/react/types/config';
import { NavMenuProps } from 'components/NavMenu';
import { FooterProps } from 'components/Footer';
export type CustomThemeType = ConfigType.Theme | undefined | null;
export interface FrostbyteProviderProps {
    children: React.ReactNode;
    customTheme?: CustomThemeType;
    customDarkTheme?: CustomThemeType;
    isCustomThemeActive?: boolean;
    isDarkThemeActive?: boolean;
    shouldResetGlobalStyles?: boolean;
    shouldForceThemeReset?: boolean;
    toolTipProvider?: boolean;
    useLayout?: boolean;
    navMenu?: NavMenuProps;
    footer?: FooterProps;
}
/**
 * if isDarkThemeActive is true, and custom theme is defined but no custom dark theme is defined, then the custom theme color keys will also be used in dark theme (as long as isCustomThemeActive is also true)
 * use customDarkTheme if you want to have a different color keys ($red8, $blue8 etc..) for dark theme (otherwise color keys will be the same as customTheme)
 *
 * shouldForceThemeReset: if true, will force the theme to be reloaded on every render (useful for when you want to change the theme dynamically)
 */
export declare const FrostbyteProvider: ({ customTheme, customDarkTheme, isCustomThemeActive, isDarkThemeActive, shouldResetGlobalStyles, shouldForceThemeReset, toolTipProvider, useLayout, navMenu, footer, children, }: FrostbyteProviderProps) => JSX.Element;
