import type { LayoutNode } from 'officerdev';

/**
 * A narrow project list on the left, the board beside it.
 *
 * 22/78 rather than the 28/72 most of these use: a project row is a name and a path and nothing in it
 * grows, while the board has five columns and wants every pixel. The path wraps rather than the columns
 * getting cramped, which is the right way round for a panel you read once and a panel you work in.
 */
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'kanban-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'kanban-projects', appType: 'kanban-projects' }, size: 22 },
    { node: { type: 'panel', id: 'kanban-board', appType: 'kanban-board' }, size: 78 },
  ],
};