Layout

type ContainerLayout =
  | { type: "flex"; direction: "row" | "column"; justify?: FlexJustify; align?: FlexAlign; gap?: number }
  | { type: "flow"; gap?: number };

const stack = page.create_container({
  layout: { type: "flow", gap: 8 },
  width: page.get_content_width(),
});
stack.add(
  page.text({ content: "First line" }),
  page.text({ content: "Second line" }),
  page.text({ content: "Third line" }),
);
page.add(stack);

const row = page.create_container({
  layout: { type: "flex", direction: "row", justify: "space-between", align: "center", gap: 12 },
  width: page.get_content_width(),
});
row.add(
  page.text({ content: "Left" }),
  page.text({ content: "Right" }),
);
page.add(row);