import { ReactNode } from 'react';
import { MaterialFocus } from './MaterialFocus';
export type FocusContextType<P extends number = number, M extends number = number, L extends number = number> = {
    focus?: MaterialFocus<P, M, L>;
    setFocus: (focus?: MaterialFocus<P, M, L>, reset?: boolean) => void;
    focusRef: (ref: HTMLElement | null) => void;
};
export declare const FocusContext: import("react").Context<FocusContextType<number, number, number> | null>;
export declare const useFocusContext: <P extends number = number, M extends number = number, L extends number = number>() => FocusContextType<P, M, L>;
export declare function FocusProvider({ children }: {
    children?: ReactNode;
}): import("@emotion/react/jsx-runtime").JSX.Element;