local net = require("@rave/net")
local state = require("@rave/state")
local ui = require("@rave/ui")

local ready = state.watch("lobby/ready")

ui.mount(ui.button({
    text = ready:map(function(value)
        return value and "Ready ✓" or "Ready up"
    end),

    color = ready:map(function(value)
        return value and "#46BE6E" or "#465A78"
    end),

    align = "bottom-center",

    on_press = function()
        net.send_server("lobby/toggle-ready")
    end,
}))