import { PenTool, Files } from 'lucide-react';
import type { AppRegistryMeta } from 'officerdev';
import { CanvasPanel } from './CanvasPanel';
import { DesignsPanel } from './DesignsPanel';

// Two panels. The canvas is the plugin; the list is how you get between designs.
//
// `availableOnPanel: false` — PluginScreen renders the workspace locked, so offering these in the
// generic picker would be a lie.
export const appRegistryMetas: AppRegistryMeta[] = [
  { key: 'm3e-designs', name: 'Designs', icon: Files, component: DesignsPanel, availableOnPanel: false },
  { key: 'm3e-canvas', name: 'Canvas', icon: PenTool, component: CanvasPanel, availableOnPanel: false },
];