import { ReactNode } from "react";
import { IconProps } from "./Icon";
declare type NavLinkProps = {
    active?: boolean;
    label?: string;
    href: string;
};
declare type ProfileLinkProps = {
    label?: string;
    href: string;
};
declare type ActionLinkProps = {
    label?: string;
    href: string;
    variant?: NavItemProps["variant"];
};
declare type TrayIconProps = {
    icon: ReactNode;
    badge?: IconProps["badge"];
    label: string;
    href: string;
};
export declare const TrayIcon: ({ icon, badge, label, href }: TrayIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare type NavProps = {
    children?: ReactNode;
    logo?: ReactNode;
    tray?: TrayIconProps[];
    links?: NavLinkProps[];
    actionLinks?: ActionLinkProps[];
    profileLinks?: ProfileLinkProps[];
    profile?: {
        image?: string;
        username?: string;
        email?: string;
    };
};
export declare type NavItemProps = {
    children?: string;
    active?: boolean;
    variant?: "primary" | "secondary" | "menu" | "accent";
    href: string;
};
export declare const NavItem: ({ active, children, variant, href, }: NavItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const Nav: ({ logo, tray, profile, links, profileLinks, actionLinks, }: NavProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export {};