import type { LayoutNode } from 'officerdev';

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