import {
  HomeIcon,
  CreditCardIcon,
  ServerIcon,
  ChatBubbleLeftRightIcon,
  ArrowRightStartOnRectangleIcon,
  Squares2X2Icon,
  ClipboardDocumentListIcon,
} from "@heroicons/react/24/outline";

export interface NavigationChild {
  name: string;
  href: string;
  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
  tooltip?: string | undefined;
}

export interface NavigationItem {
  name: string;
  href?: string | undefined;
  icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
  children?: NavigationChild[] | undefined;
  isLogout?: boolean | undefined;
}

export const baseNavigation: NavigationItem[] = [
  { name: "Dashboard", href: "/account", icon: HomeIcon },
  { name: "Orders", href: "/account/orders", icon: ClipboardDocumentListIcon },
  { name: "Billing", href: "/account/billing", icon: CreditCardIcon },
  {
    name: "Subscriptions",
    href: "/account/subscriptions",
    icon: ServerIcon,
  },
  { name: "Services", href: "/account/services", icon: Squares2X2Icon },
  { name: "Support", href: "/account/support", icon: ChatBubbleLeftRightIcon },
  { name: "Log out", href: "#", icon: ArrowRightStartOnRectangleIcon, isLogout: true },
];
