import { Theme } from "../styles/theme";
export interface ElementsConfig {
    /** The theme to be used by the application. */
    theme?: Theme;
    /** Flag to determine if default styles should be applied.
     * NOTE: this will apply some styles globally to your page,
     * so only use this if you are not using a global style reset already.
     */
    applyDefaultStyles?: boolean;
    /** The name of the CSS layer to use for the components' styles.
     * @default "elements"
     */
    layerName?: string | null;
}
export interface ElementsProviderProps extends ElementsConfig {
    children?: React.ReactNode;
}
export declare function useElementsConfig(): ElementsConfig;
/** The provider for an Elements Application. It is intended to
 * wrap the root of the application and provides the theme and global styles
 */
export declare function ElementsProvider(props: ElementsProviderProps): import("react/jsx-runtime").JSX.Element;