-- Multi-Action Click Handler Test
-- Tests semicolon-separated actions in click handlers

let items = ["Buy milk", "Walk dog"]
let input = ""
let count = 0

view main = column [
  text "Multi-Action Demo" { variant: "title" }
  text "Add items AND clear input in one click" { variant: "subtitle" }

  row [
    input { bind: input, placeholder: "New item..." }
    button "Add & Clear" { click: items.push(input); input = "", variant: "primary" }
  ]

  each item in items ->
    row [
      text "• {item}"
      button "×" { click: items.remove(_idx), variant: "ghost" }
    ]

  text "Count: {count}"
  row [
    button "+5 & Reset Name" { click: count += 5; input = "reset!", variant: "secondary" }
    button "Reset All" { click: count = 0; items = [], variant: "ghost" }
  ]
]
