import type { AppRegistryMeta } from 'officerdev';
import { Contact as ContactIcon, PanelLeft } from 'lucide-react';
import { panelName } from 'officerdev';
import { ContactsNav } from '../dav/CollectionNav';
import { ContactsView } from '../dav/ContactsView';

// See ../calendar/panels.ts — the components are shared between both screens.
export const appRegistryMetas: AppRegistryMeta[] = [
  {
    key: 'contacts-nav',
    name: panelName('panelName.contacts'),
    icon: PanelLeft,
    component: ContactsNav,
    availableOnPanel: false,
  },
  {
    key: 'contacts-view',
    name: panelName('panelName.contacts'),
    icon: ContactIcon,
    component: ContactsView,
    availableOnPanel: false,
  },
];