import { ComponentProps } from 'react';

export declare const testGlobalPopoverStylesMixin: import('styled-components').FlattenSimpleInterpolation;
export declare const GlobalPopoverStyles: import('styled-components').GlobalStyleComponent<{}, import('styled-components').DefaultTheme>;
export declare const DarkGlobalStyle: () => import("react/jsx-runtime").JSX.Element;
export declare function scopeTheme(themeTokens: TemplateStringsArray, selector: string): string;
declare const sddsThemeMap: {
    readonly light: TemplateStringsArray;
    readonly dark: TemplateStringsArray;
    readonly highContrastLight: TemplateStringsArray;
    readonly highContrastDark: TemplateStringsArray;
    readonly betaCoreLight: TemplateStringsArray;
    readonly betaCoreDark: TemplateStringsArray;
};
export type GlobalStyleTheme = keyof typeof sddsThemeMap;
export declare const GlobalStyle: ({ theme, }: {
    theme?: GlobalStyleTheme;
}) => import("react/jsx-runtime").JSX.Element;
export declare const TestGlobalIsolatedStyleWithReplace: ({ theme, scopeSelector, }: {
    theme?: GlobalStyleTheme;
    scopeSelector: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const styledTestRootIsolatedThemeProviderLayoutMixin: ({ isLightBase, theme, }: {
    isLightBase: boolean;
    theme: keyof typeof sddsThemeMap;
}) => import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('styled-components').DefaultTheme>>;
export declare const StyledTestRootIsolatedThemeProviderLayout: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
    isLightBase: boolean;
    activeTheme: GlobalStyleTheme;
}, never>;
export declare const TestRootIsolatedThemeProviderLayout: ({ theme, className, children, ...props }: {
    theme?: GlobalStyleTheme;
} & ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
export {};