/* eslint-disable no-unused-vars */
import { createElement } from 'rax'

function Document (props) {
  const {
    publicPath,
    styles,
    scripts
  } = props

  return (
    <html>
      <head>
        <meta charset='utf-8' />
        <meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover' />
        <title>rax-miniapp-demo</title>
        {styles.map((src) => <link key={{ src }} rel='stylesheet' href={`${publicPath}${src}`} />)}
      </head>
      <body>
        {/* root container */}
        <div id='root' />
        {scripts.map((src) => <script key={{ src }} src={`${publicPath}${src}`} />)}
      </body>
    </html>
  )
}

export default Document
