import { type HTMLAttributes } from 'react';
export type ThemeBase = 'light' | 'dark';
export interface ThemeRootProps extends HTMLAttributes<HTMLDivElement> {
    /** Which colour-scheme base to activate. Default: `light`. */
    theme?: ThemeBase;
    /** Layer the AAA `theme-accessible` modifier on top of the base. */
    accessible?: boolean;
    /**
     * Whether the wrapper should be transparent to layout (`display:
     * contents`). Defaults to `true` so the wrapper does not become a
     * containing block for sticky / fixed descendants. Set `false` to
     * render a real layout box (the pre-0.18.0 behaviour).
     *
     * Note: when `asChild` is set, the consumer's element receives this
     * class. If the consumer's element relies on its own layout box,
     * pass `transparent={false}`.
     */
    transparent?: boolean;
    /**
     * When true, merges the theme classes onto the single child element
     * instead of rendering a wrapping `<div>`. Useful when the theme root
     * is `<html>` or `<body>` in an app shell. Refs forward to the child.
     */
    asChild?: boolean;
}
export declare const ThemeRoot: import("react").ForwardRefExoticComponent<ThemeRootProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=theme-root.d.ts.map