import { default as React } from 'react';
import { Box } from '..';

import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
export declare const rootClassName = "teddy-navigation-menu";
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuRoot
 * -----------------------------------------------------------------------------------------------*/
type RootProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {
    /** The default top menu value
     * @example "private" | "business"
     */
    defaultTopMenuValue?: string;
    topMenuValue?: string | undefined;
    onTopMenuValueChange?: (value: string) => void;
};
/** -------------------------------------------------------------------------------------------------
 *  NavigationMenu.TopMenuList
 * -----------------------------------------------------------------------------------------------*/
type TopMenuListProps = React.ComponentPropsWithoutRef<'ul'>;
/** -------------------------------------------------------------------------------------------------
 *  NavigationMenu.TopMenuItem
 *  -----------------------------------------------------------------------------------------------*/
type TopMenuItemProps = React.ComponentPropsWithoutRef<'li'>;
/** -------------------------------------------------------------------------------------------------
 *  NavigationMenu.TopMenuTrigger
 *  -----------------------------------------------------------------------------------------------*/
type TopMenuTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
    value: string;
    active?: boolean;
    asChild?: boolean;
};
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuList
 * -----------------------------------------------------------------------------------------------*/
type ListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & {
    variant?: 'gray';
    /** If the list should be contained by the top menu, provide a value that matches the top menu value
     * @example
     * <NavigationMenu.TopMenuTrigger value="home" />
     * <NavigationMenu.List value="home" />
     */
    value?: string;
};
/** -------------------------------------------------------------------------------------------------
 * Separator
 * -----------------------------------------------------------------------------------------------*/
export type SeparatorProps = Omit<React.ComponentPropsWithoutRef<typeof Box>, 'asChild' | 'as' | 'children'>;
export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuItem
 * -----------------------------------------------------------------------------------------------*/
type ItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> & {
    defaultValue?: string;
};
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuTrigger
 * -----------------------------------------------------------------------------------------------*/
type TriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & {
    variant?: 'default' | 'small';
    active?: boolean;
};
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuContent
 * -----------------------------------------------------------------------------------------------*/
type ContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & {
    variant?: 'default' | 'float';
};
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuLink
 * -----------------------------------------------------------------------------------------------*/
type LinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> & {
    variant?: 'default' | 'small' | 'button';
};
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuIndicator
 * -----------------------------------------------------------------------------------------------*/
type IndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuViewport
 * -----------------------------------------------------------------------------------------------*/
type ViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;
/** -------------------------------------------------------------------------------------------------
 * NavigationMenuSub
 * -----------------------------------------------------------------------------------------------*/
type SubProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Sub>;
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & {
    /** The default top menu value
     * @example "private" | "business"
     */
    defaultTopMenuValue?: string;
    topMenuValue?: string | undefined;
    onTopMenuValueChange?: (value: string) => void;
} & React.RefAttributes<HTMLElement>> & {
    List: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & {
        variant?: "gray";
        /** If the list should be contained by the top menu, provide a value that matches the top menu value
         * @example
         * <NavigationMenu.TopMenuTrigger value="home" />
         * <NavigationMenu.List value="home" />
         */
        value?: string;
    } & React.RefAttributes<HTMLUListElement>>;
    Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
    Item: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & {
        defaultValue?: string;
    } & React.RefAttributes<HTMLLIElement>>;
    Trigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
        variant?: "default" | "small";
        active?: boolean;
    } & React.RefAttributes<HTMLButtonElement>>;
    Content: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
        variant?: "default" | "float";
    } & React.RefAttributes<HTMLDivElement>>;
    Link: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & {
        variant?: "default" | "small" | "button";
    } & React.RefAttributes<HTMLAnchorElement>>;
    Indicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
    Viewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
    Sub: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuSubProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
    TopMenuList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
    TopMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
    TopMenuTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
        value: string;
        active?: boolean;
        asChild?: boolean;
    } & React.RefAttributes<HTMLButtonElement>>;
};
type NavigationMenuProps = {
    Root: RootProps;
    List: ListProps;
    Separator: SeparatorProps;
    Item: ItemProps;
    Trigger: TriggerProps;
    Content: ContentProps;
    Link: LinkProps;
    Indicator: IndicatorProps;
    Viewport: ViewportProps;
    Sub: SubProps;
    TopMenuList: TopMenuListProps;
    TopMenuItem: TopMenuItemProps;
    TopMenuTrigger: TopMenuTriggerProps;
};
export { NavigationMenu };
export type { NavigationMenuProps };