import { ThemeProviderProps } from '../ThemeProvider';
import { ComponentPropsWithoutRef, Dispatch, ReactNode, SetStateAction } from 'react';
import { LayoutUtilProps } from '../../types';
import { ITranslations } from '../LocalizationProvider/LocalizationProvider';
import { BreakpointReturnProps } from '../../hooks/useBreakpoint';
/**
 * @deprecated No longer has any effect. Automatically loading these
 * stylesheets through a dynamic import broke CSS delivery when
 * `AnvilProvider` is shared between a host application and its
 * micro-frontends. Import the `@servicetitan/anvil2/assets/css-utils/*.css`
 * file(s) you need directly instead. See the CSS Utilities docs.
 */
export type CssUtilsOptions = boolean | {
    spacing?: boolean;
    color?: boolean;
    border?: boolean;
    font?: boolean;
};
export type AnvilProviderProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
    children?: ReactNode;
    themeData?: {
        theme?: ThemeProviderProps["theme"];
        mode?: ThemeProviderProps["mode"];
    };
    localizationData?: {
        locale?: ITranslations["locale"];
        dir?: ITranslations["dir"];
        translations?: ITranslations["translations"];
    };
    /**
     * @deprecated No longer has any effect. Import the
     * `@servicetitan/anvil2/assets/css-utils/*.css` file(s) you need
     * directly instead. See the CSS Utilities docs.
     */
    cssUtils?: CssUtilsOptions;
} & {
    trackingIdData?: {
        scope?: string;
        optOut?: boolean;
    };
};
export type AnvilProviderContextProps = {
    breakpoint?: BreakpointReturnProps;
};
export declare const AnvilProviderContext: import('react').Context<AnvilProviderContextProps>;
export declare const TooltipLegacyGroupContext: import('react').Context<{
    disableDelayGroup: Dispatch<SetStateAction<boolean>>;
} | null>;
export declare const useTooltipLegacyGroup: () => {
    disableDelayGroup: Dispatch<SetStateAction<boolean>>;
};
