import React from 'react';
import Helmet from 'react-helmet';
import Footer from './Footer';
import Nav from './Nav';

export default (props) => {
  return (
    <div className="wrapper">
      <Helmet
        titleTemplate="Video-React - %s"
        title="React Bootstrap 4 components"
        defaultTitle="React Bootstrap 4 components"
        meta={[
          {
            name: 'description',
            content: 'Video-React is a web video player built from the ground up for an HTML5 world using React library.',
          },
          {
            property: 'og:type',
            content: 'article',
          }
        ]}
      />
      <Nav />
      {props.children}
      <Footer />
    </div>
  );
};

import React from 'react';
import Helmet from 'react-helmet';
import Footer from './Footer';
import Nav from './Nav';

export default (props) => {
  return (
    <div className="wrapper">
      <Helmet
        titleTemplate="Video-React - %s"
        title="React Video Component"
        defaultTitle="React Video Component"
        meta={[
          {
            name: 'description',
            content: 'Video-React is a web video player built from the ground up for an HTML5 world using React library.',
          },
          {
            property: 'og:type',
            content: 'article',
          }
        ]}
      />
      <Nav />
      {props.children}
      <Footer />
    </div>
  );
};

update page title