import { ReactNode } from 'react';
import { Color } from '../types.js';
import { ComponentDefaults } from './ThemeContext.js';
export interface CladdProviderProps {
    /**
     * Color scheme. Default `'dark'`.
     *
     * Read by `useTheme` and used to switch surface defaults (e.g. Popover/Dialog/Tooltip pick different `variant`, `outline`, and `surfaceLevel` per theme).
     */
    theme?: 'dark' | 'light';
    /**
     * App-wide accent color.
     *
     * Default `'brand'`.
     *
     * Read by `useAccentColor` and used as the default `color` for interactive components (Button, Switch, Checkbox, Radio, etc.).
     */
    accentColor?: Color;
    /**
     * The root element(s) to insert overlays to.
     *
     * Default `'#app, #__next, #root'`.
     */
    overlaysRoot?: string;
    /**
     * Per-component default props, applied app-wide.
     *
     * Example: `defaults={{ Button: { outline: false, size: 'lg' } }}`.
     *
     * Explicit props on a component instance always win over these defaults,
     * which in turn win over the component's built-in defaults.
     */
    defaults?: ComponentDefaults;
    /** App tree wrapped by the provider. Overlays (Dialog, Toast) are portaled outside this subtree into `overlaysRoot`. */
    children?: ReactNode;
}
export declare const CladdProvider: (props: CladdProviderProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=CladdProvider.d.ts.map