import { createElement } from 'rax';
import { Root, Style, Script } from 'rax-document';

const styles = `
body {
  margin: 0;
}
a {
  text-decoration: none;
}`;
function Document() {
  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></title>
        <style
          dangerouslySetInnerHTML={{
            __html: styles,
          }}
        />
        <Style />
      </head>
      <body>
        {/* root container */}
        <Root />
        <Script />
      </body>
    </html>
  );
}
export default Document;
