import { AnyRouter } from '@tanstack/router-core';
import { Accessor, JSX } from 'solid-js';
export interface BaseDevtoolsPanelOptions {
    /**
     * The standard React style object used to style a component with inline styles
     */
    style?: Accessor<JSX.CSSProperties>;
    /**
     * The standard React class property used to style a component with classes
     */
    className?: Accessor<string>;
    /**
     * A boolean variable indicating whether the panel is open or closed
     */
    isOpen?: boolean;
    /**
     * A function that toggles the open and close state of the panel
     */
    setIsOpen?: (isOpen: boolean) => void;
    /**
     * Handles the opening and closing the devtools panel
     */
    handleDragStart?: (e: any) => void;
    /**
     * A boolean variable indicating if the "lite" version of the library is being used
     */
    router: Accessor<AnyRouter>;
    routerState: Accessor<any>;
    /**
     * Use this to attach the devtool's styles to specific element in the DOM.
     */
    shadowDOMTarget?: ShadowRoot;
}
export declare const BaseTanStackRouterDevtoolsPanel: ({ ...props }: BaseDevtoolsPanelOptions) => JSX.Element;
export default BaseTanStackRouterDevtoolsPanel;