import { Accessor, JSX } from 'solid-js';
import { AnyRouter } from '@tanstack/router-core';
export interface FloatingDevtoolsOptions {
    /**
     * Set this true if you want the dev tools to default to being open
     */
    initialIsOpen?: boolean;
    /**
     * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.
     */
    panelProps?: any & {
        ref?: any;
    };
    /**
     * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.
     */
    closeButtonProps?: any & {
        ref?: any;
    };
    /**
     * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.
     */
    toggleButtonProps?: any & {
        ref?: any;
    };
    /**
     * The position of the TanStack Router logo to open and close the devtools panel.
     * Defaults to 'bottom-left'.
     */
    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
    /**
     * Use this to render the devtools inside a different type of container element for a11y purposes.
     * Any string which corresponds to a valid intrinsic JSX element is allowed.
     * Defaults to 'footer'.
     */
    containerElement?: string | any;
    /**
     * 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 function FloatingTanStackRouterDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, router, routerState, shadowDOMTarget, }: FloatingDevtoolsOptions): JSX.Element | null;
export default FloatingTanStackRouterDevtools;