import { ReactNode } from 'react';
type AppRoot = {
    rootElement: Element;
} | {
    rootId: string;
};
export interface SkfUiProviderProps {
    children: ReactNode;
    /** If provided, id of your application root  */
    feAppId?: string;
    /** If true, disables all SKF specific font-face rules */
    feDisableFontFace?: boolean;
    /**
     * Nonce for Content Security Policy.
     * Used for securely allowing inline styles.
     */
    feNonce?: string;
}
export declare const SkfUiContext: import("react").Context<AppRoot | null>;
/**
 * The `<SkfUiContext>` is used to apply SKF ui components global styles to your application.
 *
 * The `<SkfUiProvider>` component shall be applied as the outmost container of your application.
 * If you are using NextJS, you can apply it in the layout.tsx file. Also wrap children with a div with id "root".
 */
declare const SkfUiProvider: {
    ({ feAppId, feDisableFontFace, feNonce, children, }: SkfUiProviderProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default SkfUiProvider;