import * as React from "react";
import type { Theme } from "./schema";
import { type ThemeResponsiveMode } from "./responsiveMode";
type Props = {
    theme: Theme;
    children: React.ReactNode;
    themeId?: string;
    responsiveMode?: ThemeResponsiveMode;
    /** Additional className to apply to the theme-scope wrapper */
    className?: string;
};
/**
 * Client Component that injects theme CSS reactively.
 *
 * Unlike the server-side ThemeScope, this component:
 * 1. Re-generates CSS when theme prop changes
 * 2. Uses useMemo to optimize regeneration
 * 3. Works in client-side previews (dialogs, editors)
 *
 * Use this for live previews in editors where theme changes
 * should immediately reflect in the UI.
 */
export declare function ClientThemeScope({ theme, children, themeId, responsiveMode, className, }: Props): import("react/jsx-runtime").JSX.Element;
export {};
