import type React from "react";

export type Url = string | URL;

declare global {
  type HeaderProps = {
    title: string;
    subtitle?: string;
    breadcrumbs?: React.ReactElement<BreadcrumbProps>[];
    rightItems?: React.ReactNode[];
    navLinks?: React.ReactNode[];
  };

  type MobileMenuProps = {
    rightItems?: React.ReactNode[];
    navLinks?: React.ReactNode[];
  };

  type BreadcrumbProps = {
    text: string;
    href: Url;
  };

  type NavLinkProps = {
    text: string;
    href?: Url;
    variant?: "desktop" | "mobile";
    dropdown?: boolean;
    items?: NavLinkDropdownProps[];
  };

  type NavLinkDropdownProps = {
    text: string;
    href?: Url;
  };
}

export {};