import React, { PropTypes } from 'react'

const assetType = PropTypes.string

const HomePage = React.createClass({
  propTypes: {
    styles: PropTypes.arrayOf(assetType),
    scripts: PropTypes.arrayOf(assetType)
  },

  getDefaultProps() {
    return {
      styles: [],
      scripts: []
    }
  },

  render() {
    const { styles, scripts } = this.props

    return (
      <html>
        <head>
          <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
          <meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0,width=device-width"/>
          <meta name="timestamp" content={(new Date).toISOString()}/>
          <title>npmcdn</title>
          {styles.map(style => <link key={style} rel="stylesheet" href={style}/>)}
        </head>
        <body>
          <div id="app"/>
          {scripts.map(script => <script key={script} src={script}/>)}
        </body>
      </html>
    )
  }
})

export default HomePage