-- Each Loop Demo
-- Demonstrates list rendering with each ... in ... -> syntax

let todos = ["Buy groceries", "Write DreamStack docs", "Ship v1.0", "Deploy to prod"]

view main = column [
  text "📋 Todo List" { variant: "title" }
  text "4 items" { variant: "subtitle" }

  each todo in todos ->
    row [
      text "•"
      text todo
    ]

  button "Done" { variant: "primary" }
]