import type { PolymorphicComponent } from "../types/helpers";
import type { StateVariant } from "../types/variants";
/**
 * The navigation component. We expect you to use {@link MenuBarButton} inside as
 * well as wrap this in a Header.
 *
 * @example Basic navigation
 *
 * ```tsx
 * <Nav>
 *   <MenuBarButton href="/">Home</MenuBarButton>
 *   <MenuBarButton href="/about">About</MenuBarButton>
 *   <MenuBarButton href="/contact" current>
 *     Contact
 *   </MenuBarButton>
 * </Nav>;
 * ```
 *
 * @alpha
 */
export declare const Nav: PolymorphicComponent<"nav", {}>;
/** @alpha */
export interface BaseMenuBarButtonProps {
    /** Whether this menu item is the current page */
    current?: boolean;
    /**
     * The initial state of the menu button (if you want to force a specific
     * state)
     */
    state?: StateVariant;
}
/**
 * A menu bar button component.
 *
 * @example Basic menu button
 *
 * ```tsx
 * <MenuBarButton href="/page">Page Link</MenuBarButton>;
 * ```
 *
 * @example Current page indicator
 *
 * ```tsx
 * <MenuBarButton href="/current" current>
 *   Current Page
 * </MenuBarButton>;
 * ```
 *
 * @alpha
 */
export declare const MenuBarButton: PolymorphicComponent<"a", BaseMenuBarButtonProps>;
//# sourceMappingURL=Nav.d.ts.map