import type { LayoutNode } from 'officerdev';

// The list, the message, and a chat that knows about your mail.
//
// `appType` names a panel in `panels.ts`; it was `null` in the platform version because the old screen
// passed a components map keyed by panel ID and overrode them by hand. A plugin has no such hook — the
// shell mounts panels by appType — so the two ids that were implicit are now declared.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'email-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'email-list', appType: 'email-list' }, size: 25 },
    {
      node: {
        type: 'group',
        id: 'email-right',
        direction: 'vertical',
        children: [
          { node: { type: 'panel', id: 'email-reader', appType: 'email-reader' }, size: 60 },
          { node: { type: 'panel', id: 'email-chat', appType: 'email-chat' }, size: 40 },
        ],
      },
      size: 75,
    },
  ],
};