import type { LayoutNode } from 'officerdev';

export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'headscale-root',
  direction: 'horizontal',
  children: [
    {
      node: {
        type: 'group',
        id: 'headscale-sidebar',
        direction: 'vertical',
        children: [
          { node: { type: 'panel', id: 'headscale-servers', appType: 'headscale-servers' }, size: 30 },
          { node: { type: 'panel', id: 'headscale-nav', appType: 'headscale-nav' }, size: 70 },
        ],
      },
      size: 22,
    },
    { node: { type: 'panel', id: 'headscale-view', appType: 'headscale-view' }, size: 78 },
  ],
};