import type { LayoutNode } from 'officerdev';

export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'browser-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'browser-tabs', appType: null }, size: 25 },
    {
      node: {
        type: 'group',
        id: 'browser-right',
        direction: 'vertical',
        children: [
          { node: { type: 'panel', id: 'browser-preview', appType: null }, size: 60 },
          { node: { type: 'panel', id: 'browser-chat', appType: 'officerdev/chat' }, size: 40 },
        ],
      },
      size: 75,
    },
  ],
};