import React from "react";
import { Helmet } from "react-helmet";
import Header from './header';
import Footer from './footer';
import Nav from './nav';

export default function Layout({ title, tagline, children }) {
  return (
      <div>
          <Helmet>
              <title>{title} - {tagline}</title>
          </Helmet>
          <Header title={title} tagline={tagline} />
          <Nav />
          <main>
            <div className="container">
              {children}
            </div>
          </main>
          <Footer />
      </div>
  );
}