import * as React from 'react';
import { ButtonProps } from '../Button';
import { IconProps } from '../Icon';
interface NavbarItemProps {
    id: number;
    icon: IconProps['name'];
    label: string;
    as?: string;
    path?: string;
    onClick?: () => void;
}
interface NavbarLinkProps {
    children?: React.ReactNode;
    href?: string;
    type?: 'button' | 'link';
    size?: ButtonProps['size'];
    appearance?: ButtonProps['appearance'];
    stretch?: ButtonProps['stretch'];
}
interface AvatarProps {
    src: string | null;
    onClick?: () => void;
    alt?: string;
}
interface NavbarProps {
    logoHref?: string;
    showHamburgerMenu?: boolean;
    mainNav?: {
        type: 'link' | 'tab';
        items: {
            id: number;
            label: string;
            path?: string;
            divider?: boolean;
        }[];
    };
    profile?: {
        avatar?: AvatarProps;
        items: NavbarItemProps[][];
    };
}
declare const Navbar: {
    ({ mainNav, profile, logoHref, showHamburgerMenu }: NavbarProps): JSX.Element;
    Link: ({ children, href, type, appearance, size, stretch, }: NavbarLinkProps) => JSX.Element;
};
export { Navbar };
export type { NavbarProps, NavbarLinkProps };