import React from 'react'
import {Helmet} from 'react-helmet'


export default (props) => (
    <div id={props.id?props.id:""}>
        {
            props.title ||
            props.description ||
            props.keywords ?
            <Helmet>
                {props.title ? <title>{props.title}</title> : null}
                {
                    props.description ? <meta name="description"
                      content={props.description}/>:null
                }
                {
                    props.keywords ?
                        <meta name="keywords"
                          content={props.keywords}/> : null
                }
            </Helmet> : null
        }
        {props.children}
    </div>
)