import type { AppRegistryMeta } from 'officerdev';
import { PanelLeft, LayoutGrid } from 'lucide-react';
import { PhotosNav } from './PhotosNav';
import { PhotosView } from './PhotosView';
import { PhotosViewHeader } from './PhotosViewHeader';

// `panels.ts`, not `.tsx` — discovery checks for that exact name. Two panels: a section nav on the left
// and the view on the right, both reading `:section` from the URL rather than being told by each other.
//
// `availableOnPanel: false` on both, because the screen renders the workspace `locked` — these are not
// swappable, and offering them in a picker would be a lie.
export const appRegistryMetas: AppRegistryMeta[] = [
  { key: 'photos-nav', name: 'Photos', icon: PanelLeft, component: PhotosNav, availableOnPanel: false },
  {
    key: 'photos-view',
    name: 'Photos',
    icon: LayoutGrid,
    component: PhotosView,
    header: PhotosViewHeader,
    availableOnPanel: false,
  },
];