import "./popover_nav.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface PopoverNavContextValue {
    currentRoute: string;
    navigate: (route: string) => void;
    goBack: () => void;
    canGoBack: boolean;
}
export declare const PopoverNavContext: React.Context<PopoverNavContextValue | null>;
export declare function usePopoverNav(): PopoverNavContextValue;
interface PopoverScreenProps {
    route: string;
    children: React.ReactNode;
}
export declare function PopoverScreen(props: PopoverScreenProps): React.JSX.Element | null;
export interface PopoverNavHeaderProps extends StyleProps {
    title: string;
    right?: React.ReactNode;
    /** Accessible name for the back button. Defaults to the locale's `nav.back` ("Back" / "Quay lại"). */
    backLabel?: string;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/** The routed-popover title row: a back chevron auto-appears while `canGoBack`
 *  (reads `usePopoverNav`), sm-medium title fills, `right` a trailing action.
 *  Pairs with `PopoverScreen`. Distinct from `Popover`'s own plain
 *  `PopoverHeader` children container. */
export declare function PopoverNavHeader({ title, right, backLabel, testID, render, ref, ...rest }: PopoverNavHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export {};