import type { LayoutNode } from 'officerdev';

// Generate stays narrow and fixed — it is a form, not a working area. Gallery gets the most room: it
// is the main "what did I make" view. Collections is the organising view, smallest of the three. Users
// can resize or rearrange freely; this is only the starting point.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'atelier-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'atelier-generate', appType: 'atelier-generate' }, size: 26 },
    { node: { type: 'panel', id: 'atelier-gallery', appType: 'atelier-gallery' }, size: 48 },
    { node: { type: 'panel', id: 'atelier-collections', appType: 'atelier-collections' }, size: 26 },
  ],
};