import { SystemConfig } from "@chakra-ui/react";
import { ReadonlyReactive } from "@conterra/reactivity-core";
import { FC, PropsWithChildren } from "react";
import { RootNode } from "../dom";
import { ColorModeValue } from "../api";
/** @internal */
export type CustomChakraProviderProps = PropsWithChildren<{
    /**
     * Document root node.
     */
    rootNode: RootNode;
    /**
     * Web component root.
     *
     * NOTE: undefined for test support only.
     */
    hostNode?: HTMLElement;
    /**
     * Application container (react's render target).
     */
    appRoot: HTMLElement;
    /**
     * Chakra system config (can be used to provide custom theme).
     */
    config?: ReadonlyReactive<SystemConfig | undefined>;
    /**
     * Application locale for chakra's `LocaleProvider`.
     */
    locale?: string;
    /**
     * Custom color mode value.
     */
    colorMode: ReadonlyReactive<ColorModeValue>;
    /**
     * Custom CSS used by the application.
     */
    styles?: ReadonlyReactive<string>;
}>;
/**
 * Wraps the entire react application and configures chakra-ui (styling etc.).
 *
 * Exported so it can be used from the test-utils package.
 *
 * @internal
 */
export declare const CustomChakraProvider: FC<CustomChakraProviderProps>;