1 import React from 'react';

     2 import { Route } from 'react-router-dom';

     3 

     4 import Loader from '../ui/Loader';

     5 import MainNav from '../ui/MainNav';

     6 

     7 const DefaultLayout = ({

     8   component: Component,

     9   title,

    10   version,

    11   ...rest

    12 }) => (

    13   <Route

    14     {...rest}

    15     render={matchProps => (

    16       <div>

    17         <Loader />

    18         <div className="container">

    19           <h1 className="mb-5 mt-5">{ title }</h1>

    20           <MainNav />

    21           <Component {...matchProps} {...rest} />

    22         </div>

    23         <footer className="text-center text-muted small mt-3 mb-3">

    24           {`v. ${version} - 2017 - `}

    25           <a href="http://www.iri.centrepompidou.fr">IRI</a>

    26           {' / '}

    27           <a href="https://web.hypothes.is">hypothes.is</a>

    28         </footer>

    29       </div>

    30     )}

    31   />

    32 );

    33 

    34 export default DefaultLayout;