import type { LayoutNode } from 'officerdev';

// The links are the screen; the collections are how you narrow them. 24/76 because a collection name is
// short and a saved page needs room for its title, its address and its tags without wrapping.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'linkwarden-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'linkwarden-collections', appType: 'linkwarden-collections' }, size: 24 },
    { node: { type: 'panel', id: 'linkwarden-links', appType: 'linkwarden-links' }, size: 76 },
  ],
};