function state_menu()
  local selected = 1

  local buttons = {}
  -- local buttons = {
  -- 	make_button({x=10, y=10, w=30, text="pLAY", data={i=1},
  -- 		on_click=function() set_state(states.loading) end,
  -- 		on_hover=function(btn) selected=1 end,
  -- 	}),
  -- }

  local game_sizes = {
    { "mINI bOARD - 4X4", 4 },
    { "sMALL bOARD - 6X6", 6 },
    { "mEDIUM bOARD - 8X8", 8 },
    { "lARGE bOARD - 10X10", 10 }
  }
  for k, item in ipairs(game_sizes) do
    add(
      buttons,
      make_button({
        x = 10, y = 10 + k * 10,
        selected_color = 7,
        text = item[1],
        on_click = function() board_size = item[2] set_state(states.loading) end,
        on_hover = function() selected = k end
      })
    )
  end

  local rulesId = #buttons + 1
  add(
    buttons,
    make_button({
      x = 10, y = 20 + (#game_sizes + 1) * 10, w = 30, text = "rULES",
      color = 13, selected_color = 12,
      on_click = function() set_state(states.rules) end,
      on_hover = function() selected = rulesId end
    })
  )

  local function _enter()
    -- mouse not bound to buttons
    poke(0x5F2D, 1)
  end

  local function _draw()
    cls()
    draw_bg_menu()

    print("pLAY", 10, 8, 8)

    for k, button in ipairs(buttons) do
      button:draw(selected == k)
    end
    print("pRESS ❎/X TO CONTINUE", 8, 120, 7)
  end

  return {
    _enter = _enter,

    _update = function()
      for button in all(buttons) do
        button:update()
      end

      if btnp(UP) then
        selected -= 1
      elseif btnp(DOWN) then
        selected += 1
      elseif btnp(BTN_X) then
        buttons[selected]:on_click()
      end
      selected = mid(1, selected, #buttons)
    end,

    _draw = _draw
  }
end