import React from 'react';
import type { CustomThemes, RecursivePartial, Theme, ThemeMode } from '../theme/types';
import '../style/font.css';
export declare type WindowDimensions = {
    width: number;
    height: number;
};
export declare type ThemeContext = {
    theme: Theme;
    activeTheme: ThemeMode;
    themes: CustomThemes;
    setActiveTheme: (value: ThemeMode) => void;
    windowDimensions: WindowDimensions;
    isMobile: boolean;
    isMobileSmall: boolean;
    isTablet: boolean;
    isDesktop: boolean;
    isLandscape: boolean;
    isPortrait: boolean;
};
export declare type ThemeProviderProps = {
    children: React.ReactNode;
    theme?: RecursivePartial<Theme>;
    customThemes?: CustomThemes;
};
export declare const ThemeContext: React.Context<ThemeContext>;
export declare const breakpoints: {
    mobileSmall: number;
    mobile: number;
    tablet: number;
    desktop: number;
};
declare const ThemeProvider: ({ children, theme, customThemes }: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default ThemeProvider;
