import {
    LayoutDashboard,
    Users,
    Settings,
    ShieldCheck,
    History,
} from 'lucide-vue-next';
import { Component } from 'vue';

export interface MenuItem {
    title: string;
    href: string;
    icon: Component;
    permission?: string;
    role?: string;
}

export interface MenuGroup {
    groupName?: string;
    items: MenuItem[];
}

export const navigationConfig: MenuGroup[] = [
    {
        groupName: 'Main Menu',
        items: [
            {
                title: 'Dashboard',
                href: '/dashboard',
                icon: LayoutDashboard,
            },
        ],
    },
    {
        groupName: 'Administration',
        items: [
            {
                title: 'User Management',
                href: '/users',
                icon: Users,
                permission: 'manage users',
            },
            {
                title: 'Roles & Permissions',
                href: '/rbac',
                icon: ShieldCheck,
                permission: 'manage users',
            },
            {
                title: 'System Settings',
                href: '/settings',
                icon: Settings,
                permission: 'manage settings',
            },
            {
                title: 'Activity Logs',
                href: '/logs',
                icon: History,
                permission: 'view logs',
            },
        ],
    },
];
