How to create different layouts for Mithril.js

mithril.layout.js

import m from 'mithril'

// Function for compose header and footer into layout
function mixinLayout (layout, header, footer, body) {
  return layout(header, footer, body)
}


// Layout component
function layout (header, footer, body) {
  return {
    view () {
      return [
        m.component(header),
        m.component(body),
        m.component(footer)
      ]
    }
  }
}

// Header component
const Header = {
  view () {
    return <header>Sitename</header>
  }
}

// Footer component
const Footer = {
  view () {
    return <footer>Sitename</footer>
  }
}

// Create main layouts
const mainLayout = mixinLayout.bind(null, layout, header, footer)

const routes = {
  '/': mainLayout(Homepage),
  '/articles': mainLayout(ArticlesIndex),
  '/articles/:id': mainLayout(ArticleShow)
}

m.route(document.body, '/', routes)