import { CommonProps, PopoverContentChildren, Refable, Styleable } from "@trackunit/react-components";
import { ReactElement } from "react";
export interface DrawerHeaderProps extends CommonProps, Styleable, Refable<HTMLDivElement> {
    /**
     * Renders the toolbar close (X) button and is invoked when it is clicked. Omit this prop
     * (or set `hideCloseButton`) to hide the X.
     *
     * Pass `useDrawer`'s `close` so the X routes through the same dismiss pipeline
     * (including any `onBeforeClose` guard) as Escape and outside-press.
     *
     * ```tsx
     * const drawer = useDrawer({ position: "right" });
     *
     * <Drawer {...drawer}>
     *   <DrawerHeader onClickClose={drawer.close} />
     *   {\/* body *\/}
     * </Drawer>
     * ```
     */
    onClickClose?: () => void;
    /**
     * Called when the user clicks the back-navigation arrow. When omitted, the back arrow is not
     * rendered.
     */
    onClickBack?: () => void;
    /**
     * Called when the user clicks the forward-navigation arrow. When omitted, the forward arrow is
     * not rendered.
     */
    onClickForward?: () => void;
    /**
     * Overflow-menu content, rendered inside a kebab (three-dot) popover placed before the close
     * button. Typically a `<MenuContent>` with `<MenuItem>` children. Accepts either a static node or a
     * render prop that receives a `close` callback, matching `<MoreMenu />`. When omitted, the
     * kebab menu is not rendered.
     */
    menuContent?: PopoverContentChildren;
    /**
     * Hide the built-in close button. Use for read-only drawers, or drawers whose parent already
     * provides an equivalent affordance elsewhere.
     *
     * @default false
     */
    hideCloseButton?: boolean;
}
/**
 * Standard drawer toolbar header. Compose it as a child of `<Drawer />`:
 *
 * ```tsx
 * const drawer = useDrawer({ position: "right" });
 *
 * <Drawer {...drawer}>
 *   <DrawerHeader menuContent={…} onClickBack={goBack} onClickClose={drawer.close} />
 *   {\/* body *\/}
 * </Drawer>
 * ```
 *
 * Wire the X button to `useDrawer`'s `close` so it shares the same dismiss pipeline
 * (Escape, outside-press, `onBeforeClose` guard) as the rest of the drawer.
 *
 * Button labels come from this library's translation namespace and cannot be overridden — the
 * affordances are universal ("Close", "Back", "Forward", "More actions").
 */
export declare const DrawerHeader: {
    ({ onClickClose, onClickBack, onClickForward, menuContent, hideCloseButton, "data-testid": dataTestId, className, style, ref, }: DrawerHeaderProps): ReactElement;
    displayName: string;
};