import type { LayoutNode } from 'officerdev';

// List left, detail right — a master list with a live preview, which is why the selection is `?selected=`
// rather than a `/plugins/:appName` route: linking rows to the detail route would make it the whole page
// and destroy the side-by-side. See docs/navigation-audit.md.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'plugins-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'plugins-list', appType: 'plugins-list' }, size: 32 },
    { node: { type: 'panel', id: 'plugin-detail', appType: 'plugin-detail' }, size: 68 },
  ],
};