/// <reference types="react" />
interface DevToolsContext {
    showBordersClassName: string;
    showBorders: boolean;
    setShowBorders: React.Dispatch<React.SetStateAction<boolean>>;
    detectWrappedElements: boolean;
    setDetectWrappedElements: React.Dispatch<React.SetStateAction<boolean>>;
    flexFillClassName: string;
    flexFill: boolean;
    setFlexFill: React.Dispatch<React.SetStateAction<boolean>>;
}
interface Init {
    showBordersInit: boolean;
    detectWrappedElementsInit: boolean;
    flexFillInit: boolean;
}
export declare function useDevTools({ showBordersInit, detectWrappedElementsInit, flexFillInit }: Init): {
    showBordersClassName: string;
    showBorders: boolean;
    setShowBorders: import("react").Dispatch<import("react").SetStateAction<boolean>>;
    detectWrappedElements: boolean;
    setDetectWrappedElements: import("react").Dispatch<import("react").SetStateAction<boolean>>;
    flexFillClassName: string;
    flexFill: boolean;
    setFlexFill: import("react").Dispatch<import("react").SetStateAction<boolean>>;
};
interface Props extends React.HTMLAttributes<HTMLDivElement> {
    detectWrappedElementsRef: React.RefObject<HTMLElement>;
    context: DevToolsContext;
}
export declare function DevTools(props: Props): JSX.Element;
export {};