require "common.globals"
local Dim = require "common.dimensions"
local Image = require "api.image"

local BAR_ALPHA = 191
local HEADER_HEIGHT = 100

local titleImage = Image.new("titlescreen/title.png")
titleImage.centered = true
titleImage:setPosition(Dim.design.width / 2, HEADER_HEIGHT / 2)

local function drawHeader()
    gfx.BeginPath()
    gfx.FillColor(0, 0, 0, BAR_ALPHA)
    gfx.Rect(0, 0, Dim.design.width, HEADER_HEIGHT)
    gfx.Fill()

    titleImage:render()
end

local function draw()
    gfx.Save()

    gfx.ResetTransform()

    Dim.transformToScreenSpace()

    drawHeader()

    gfx.Restore()
end

return {draw = draw}