import type { ReactElement, ReactNode } from 'react';

export interface ConsoleLayoutContext {
	console?: {
		icon?: ReactElement;
		menu?: {
			top?: DashMenu[];
			center?: DashMenu[];
			bottom?: DashMenu[];
		};
	};
}

export interface DashMenuItem {
	title: string;
	href?: string;
	icon: ReactElement;
	iconActive?: ReactElement;
	onClick?: () => void;
}

export type DashMenu =
	| {
			type: 'group';
			name?: string;
			title?: string;
			items: DashMenuItem[];
	  }
	| DashMenuItem;
