import type { LayoutNode } from 'officerdev';

/*
  Horizontal root, app list first — and that is load-bearing rather than aesthetic.

  On a phone, `WorkspaceRenderer` collapses a HORIZONTAL group to one child at a time and defaults to
  `children[0]`. A vertical group is not collapsed at all: every panel stacks into the viewport. And
  `PluginScreen` passes no `mobilePanelId`, so whatever is first is the only panel a phone will ever show.

  That matters more here than anywhere else in the platform, because the install page is the one page that
  MUST work in mobile Safari — you cannot install the Kiosk app from the Kiosk app.
*/
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'kiosk-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'kiosk-apps', appType: 'kiosk-apps' }, size: 55 },
    { node: { type: 'panel', id: 'kiosk-devices', appType: 'kiosk-devices' }, size: 45 },
  ],
};