import { type EmotionCache } from '@emotion/cache';
import { type SxProps, type Theme } from '@mui/material/styles';
import { type ReactNode } from 'react';
import { type InflowColorMode } from '../theme/inflow';
export interface InflowProviderProps {
    children: ReactNode;
    /** Color mode used to create the Inflow theme. Defaults to light. */
    mode?: InflowColorMode;
    /** Class name applied to the scoped Inflow root. */
    className?: string;
    /** Additional styles for the scoped Inflow root. */
    sx?: SxProps<Theme>;
    /**
     * Unique key for the Emotion cache created by this provider.
     * Set a distinct value for independently deployed microfrontends sharing a page.
     */
    cacheKey?: string;
    /**
     * Caller-owned Emotion cache, for example one that targets a Shadow DOM or iframe.
     * When supplied, cacheKey is ignored.
     */
    emotionCache?: EmotionCache;
}
/**
 * Provides a scoped Inflow theme for embedded React applications.
 *
 * Baseline styles and `--infl-*` variables are attached to this provider's root,
 * not the host document. Pass emotionCache when styles must target a Shadow DOM
 * or iframe container.
 */
export declare function InflowProvider({ children, mode, className, sx, cacheKey, emotionCache, }: InflowProviderProps): import("react").JSX.Element;
//# sourceMappingURL=InflowProvider.d.ts.map