import { Icon } from "@iconify/react";

export type NavItem = {
  title: string;
  path: string;
  icon?: JSX.Element;
  submenu?: boolean;
  image?: boolean;
  imageURL?: string;
  description?: string;
  submenuItems?: NavItem[];
};

export const NAV_ITEMS: NavItem[] = [
  {
    title: "Our Pillars",
    path: "/our-pillars",
    icon: <Icon icon="tabler:layout-dashboard" />,
  },
  {
    title: "Events",
    path: "/events",
    icon: <Icon icon="tabler:layout-dashboard" />,
  },
  {
    title: "Media & Insights",
    path: "/media-and-insights",
    icon: <Icon icon="tabler:layout-dashboard" />,
  },
  {
    title: "Discover",
    path: "/discover",
    icon: <Icon icon="tabler:file-text" />,
    submenu: true,
    submenuItems: [
      {
        title: "About Us",
        path: "/about",
      },
      { title: "Our Vission", path: "/about#our-vision" },

      {
        title: "Our Leadership",
        path: "/about#our-leadership",
      },
    ],
  },
];