import * as React from "react";
import type { ThemeDataAttrs } from "./themeScopeUtils";
import { type ThemeResponsiveMode } from "./responsiveMode";
export type ThemeScopeCoreProps = {
    cssVars: React.CSSProperties;
    buttonCss?: string | null;
    headerCss?: string | null;
    footerCss?: string | null;
    cardCss?: string | null;
    accordionCss?: string | null;
    inputCss?: string | null;
    layoutCss?: string | null;
    statusCss?: string | null;
    progressCss?: string | null;
    typographyCss?: string | null;
    eventCalendarCss?: string | null;
    blockVarsCss?: string | null;
    blockCustomVarsCss?: string | null;
    blockCustomCss?: string | null;
    atRulesCss?: string | null;
    customCss?: string;
    dataAttrs: ThemeDataAttrs;
    responsiveMode?: ThemeResponsiveMode;
    suppressHydrationWarning?: boolean;
    children: React.ReactNode;
    /** Additional className to apply to the theme-scope wrapper */
    className?: string;
};
/**
 * Shared presentational component for theme scope rendering.
 *
 * This component handles the actual DOM structure for theme injection:
 * 1. Wrapper div with CSS variables as inline styles
 * 2. Data attributes for theme axis selectors
 * 3. Style tags for layout, buttons, accordions, inputs, and custom CSS
 *
 * Used by both ThemeScope (server) and ClientThemeScope (client).
 */
export declare function ThemeScopeCore({ cssVars, buttonCss, headerCss, footerCss, cardCss, accordionCss, inputCss, layoutCss, statusCss, progressCss, typographyCss, eventCalendarCss, blockVarsCss, blockCustomVarsCss, blockCustomCss, atRulesCss, customCss, dataAttrs, responsiveMode, suppressHydrationWarning, children, className, }: ThemeScopeCoreProps): import("react/jsx-runtime").JSX.Element;
