import { TabProps } from '@material-ui/core/Tab';
import { ElementType, ReactNode } from 'react';
/** @public */
export type SubRoute = {
    path: string;
    title: string;
    children: JSX.Element;
    tabProps?: TabProps<ElementType, {
        component?: ElementType;
    }>;
};
/** @public */
export type DevToolsLayoutProps = {
    title?: string;
    subtitle?: string;
    children?: ReactNode;
};
/**
 * DevTools is a compound component, which allows you to define a custom layout
 *
 * @example
 * ```jsx
 * <DevToolsLayout>
 *   <DevToolsLayout.Route path="/example" title="Example tab">
 *     <div>This is rendered under /example/anything-here route</div>
 *   </DevToolsLayout.Route>
 * </DevToolsLayout>
 * ```
 * @public
 */
export declare const DevToolsLayout: {
    ({ children, title, subtitle, }: DevToolsLayoutProps): import("react/jsx-runtime").JSX.Element;
    Route: (props: SubRoute) => null;
};
