import type { AppRegistryMeta } from 'officerdev';
import { PanelLeft, LayoutGrid, Network } from 'lucide-react';
import { HeadscaleNav } from './HeadscaleNav';
import { HeadscaleServerPicker } from './HeadscaleServerPicker';
import { HeadscaleView } from './HeadscaleView';
import { HeadscaleViewHeader } from './HeadscaleViewHeader';

export { HeadscaleNav, HeadscaleServerPicker, HeadscaleView };

export const appRegistryMetas: AppRegistryMeta[] = [
  {
    key: 'headscale-servers',
    name: 'Headscale servers',
    icon: Network,
    component: HeadscaleServerPicker,
    availableOnPanel: false,
  },
  { key: 'headscale-nav', name: 'Headscale', icon: PanelLeft, component: HeadscaleNav, availableOnPanel: false },
  {
    key: 'headscale-view',
    name: 'Headscale',
    icon: LayoutGrid,
    component: HeadscaleView,
    header: HeadscaleViewHeader,
    availableOnPanel: false,
  },
];