import type { NavigationProps } from './types';
/**
 * Navigation is a component that allows you to create a sidebar navigation.
 * You can wrap your navigation items like `<Navigation.Item>` with your router
 * to make it work in your application.
 */
export declare const Navigation: {
    ({ children, ...props }: NavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
    Group: ({ children, label }: {
        children: import("react").ReactNode;
        label: string;
    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
    Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, }: {
        children?: import("react").ReactNode;
        categoryIcon?: import("react").ReactNode;
        label: string;
        id: string;
        subLabel?: string;
        badgeText?: string;
        badgeSentiment?: import("react").ComponentProps<typeof import("@ultraviolet/ui").Badge>["sentiment"];
        href?: HTMLAnchorElement["href"];
        target?: HTMLAnchorElement["target"];
        rel?: HTMLAnchorElement["rel"];
        onToggle?: (toggle: boolean) => void;
        onClickPinUnpin?: (parameters: import("./types").PinUnPinType) => void;
        toggle?: boolean;
        active?: boolean;
        noPinButton?: boolean;
        type?: "default" | "pinned" | "pinnedGroup";
        index?: number;
        as?: keyof import("react").JSX.IntrinsicElements;
        noExpand?: boolean;
        disabled?: boolean;
        'data-testid'?: string;
    }) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
    PinnedItems: ({ toggle, onReorder, onToggle, }: {
        toggle?: boolean;
        onToggle?: (toggle: boolean) => void;
        onReorder?: (pinnedItems: string[]) => void;
    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
    Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
};