import * as react from 'react';
import { ReactNode, ForwardedRef, ComponentProps } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { ColorSchemeOrSystem, ColorScheme } from '../useColorScheme.js';
import { StyledComponentProps, OmitInternalProps } from '../../../shared/src/types.js';
import '../styled-system/props-handler.js';
import 'csstype';
import '../useResponsiveValue.js';
import '../BreakpointProvider.js';
import '../../../shared/src/type-fest.js';
import '../styled-system/StylingContext.js';

declare const DefaultElement = "div";
interface InnerThemeProviderProps extends StyledComponentProps<typeof DefaultElement> {
    /**
     * React children
     */
    children: ReactNode;
    /**
     * The color scheme to use.
     */
    colorScheme: ColorSchemeOrSystem;
    /**
     * Default color scheme to use when a user preferred color scheme (system) is not available.
     */
    defaultColorScheme?: ColorScheme;
    /**
     * @ignore
     */
    forwardedRef?: ForwardedRef<any>;
}
declare function InnerThemeProvider(props: InnerThemeProviderProps): react_jsx_runtime.JSX.Element;
declare namespace InnerThemeProvider {
    var defaultElement: string;
}
/**
 * Container used to define the theme and color scheme to use.
 *
 * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/theme-provider--docs)
*/
declare const ThemeProvider: react.ForwardRefExoticComponent<Omit<OmitInternalProps<InnerThemeProviderProps>, "ref"> & react.RefAttributes<any>>;
type ThemeProviderProps = ComponentProps<typeof ThemeProvider>;

export { InnerThemeProvider, type InnerThemeProviderProps, ThemeProvider, type ThemeProviderProps };