import type { LayoutNode } from 'officerdev';

// How this plugin's panels are arranged. The shell renders `WorkspaceView` with this as the default and
// persists the user's version per plugin, so this is the starting arrangement rather than a fixed one.
//
// Every `appType` here must be a key from `panels.ts` — `appTypes.allowed` is pinned to them, so a
// mismatch falls back rather than rendering another plugin's panel inside this screen.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'example-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'example-overview', appType: 'example-overview' }, size: 40 },
    { node: { type: 'panel', id: 'example-detail', appType: 'example-detail' }, size: 60 },
  ],
};