const h = require('mutant/h')

module.exports = function (handler) {
  const { content, footer, classList, onMount, attributes } = handler(done)

  let fullAttributes = { className: 'Sheet', classList }
  if (attributes !== undefined) {
    fullAttributes = { ...attributes, ...fullAttributes }
  }
  const container = h('div', fullAttributes, [
    h('section', [content]),
    h('footer', [footer])
  ])

  document.body.appendChild(container)

  if (onMount) onMount()

  function done () {
    document.body.removeChild(container)
  }
}