import "./Toolbar.css";
import { type To } from "react-router";
/**
 * The named regions of the site toolbar an app can render into.
 *
 * `menu-toggle` sits at the very start of the toolbar, before the logo: it is where an app that
 * has a navigation drawer of its own hangs the button that opens it. That belongs on the same
 * edge as the drawer it controls — a toggle in `actions`, at the opposite end of the toolbar,
 * reads as unrelated to the panel that slides in on the left.
 */
export type ToolbarPortalSlot = "menu-toggle" | "breadcrumbs" | "search" | "actions";
export type ToolbarPortalProps = {
    slot: ToolbarPortalSlot;
    children: React.ReactNode;
};
export declare function ToolbarPortal({ slot, children }: ToolbarPortalProps): import("react").ReactPortal | null;
export type BreadcrumbItem = {
    label: string;
    /**
     * A route inside the app, followed without reloading the page. Resolved through the router, so
     * it is relative to the app's basename — the article root is `"/"`, not `"/my-article"`.
     *
     * Requires the breadcrumbs to be rendered inside a router, which the portal preserves.
     */
    to?: To;
    /**
     * A plain URL, followed with a full page load. Use it to leave the app — the front page, or
     * another article. `to` wins when both are given.
     */
    href?: string;
};
export type ToolbarBreadcrumbsProps = {
    items: BreadcrumbItem[];
};
export declare function ToolbarBreadcrumbs({ items }: ToolbarBreadcrumbsProps): import("react").JSX.Element;