text: import { html, render } from 'uhtml-isomorphic'
  
  export default function defaultRootLayout ({
    title,
    siteName = 'Siteup',
    scripts,
    styles,
    children
  }) {
    return render(String, html`
      <!DOCTYPE html>
      <html>
      <head>
        <meta charset="utf-8">
        <title>${title ? `${title}` : ''}${title && siteName ? ' | ' : ''}${siteName}</title>
        <meta name="viewport" content="width=device-width, user-scalable=no" />
        ${scripts
          ? scripts.map(script => html`<script type='module' src="${script}"></script>`)
          : null}
        ${styles
          ? styles.map(style => html`<link rel="stylesheet" href=${style} />`)
          : null}
      </head>
      <body class="safe-area-inset">
        <main class="mine-layout">
          ${typeof children === 'string' ? html([children]) : children /* Support both uhtml and string children. Optional. */}
        </main>
      </body>
      </html>
  `)
  }
  