import React from 'react';
import type { ColorScheme } from '@coinbase/cds-common/core/theme';
import type { Theme, ThemeConfig, ThemeCSSVars } from '../core/theme';
import { type FramerMotionProviderProps } from './FramerMotionProvider';
declare module 'csstype' {
  interface Properties extends Partial<ThemeCSSVars> {}
}
export type ThemeContextValue = Theme;
export declare const ThemeContext: React.Context<Theme | undefined>;
type ThemeManagerProps = {
  display?: React.CSSProperties['display'];
  className?: string;
  style?: React.CSSProperties;
  children?: React.ReactNode;
  theme: Theme;
};
export declare const useThemeProviderStyles: (theme: Theme) => Record<string, unknown>;
export type ThemeProviderProps = Pick<ThemeManagerProps, 'display' | 'className' | 'style'> &
  Pick<FramerMotionProviderProps, 'motionFeatures'> & {
    theme: ThemeConfig;
    activeColorScheme: ColorScheme;
    children?: React.ReactNode;
  };
export declare const ThemeProvider: ({
  theme,
  activeColorScheme,
  children,
  className,
  display,
  style,
  motionFeatures,
}: ThemeProviderProps) => import('react/jsx-runtime').JSX.Element;
export type InvertedThemeProviderProps = Pick<
  ThemeManagerProps,
  'display' | 'className' | 'style'
> & {
  children?: React.ReactNode;
};
/** Falls back to the currently active colorScheme if the inverse colors are not defined in the theme.  */
export declare const InvertedThemeProvider: ({
  children,
  display,
  className,
  style,
}: InvertedThemeProviderProps) => import('react/jsx-runtime').JSX.Element;
export {};
//# sourceMappingURL=ThemeProvider.d.ts.map