import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
import { JSX } from 'react';

export type FontAwesomeIconType = IconDefinition | string;

export interface SubMenuItem {
  label: string;
  icon: FontAwesomeIconType | boolean;
  route?: string;
  external?: boolean;
  subMenu?: SubMenuItem[];
  linkComponent?: JSX.Element;
}

export interface MenuItem {
  label: string;
  icon: FontAwesomeIconType | string;
  subMenu: SubMenuItem[];
}

export interface SidebarMenuProps {
  menuItems: MenuItem[];
}