---@class H
---@overload fun(tag: string, children: Displayable|Children): Element
---@overload fun(children: Displayable|Children): Element
local h = {}

h.document = maivi.elem("!DOCTYPE html", { close = false })
h.raw = maivi.elem(nil, { raw = true })
h.comment = function(str)
  str = maivi.str.escape(str)
  return h.raw(string.format("<!-- %s -->", str))
end

-- svg
h.path = maivi.elem("path", { empty = true })

h.stylesheet = function(args)
  args.rel = "stylesheet"
  args.type = "text/css"
  return h.link(args)
end

return maivi.defaulttable(h, maivi.elem, {
  __call = function(_, tagorchildren, children)
    local tag
    if not children then
      children = tagorchildren
    else
      tag = tagorchildren
    end

    return maivi.elem(tag)(children)
  end,
})