import { withWeaverse } from '@weaverse/hydrogen'

type WithWeaverseOptions = {
  t?: TranslateFunction
}

function withWeaverse(
  Component: React.ComponentType<any>,
  options?: WithWeaverseOptions
): (props: React.JSX.IntrinsicAttributes) => React.JSX.Element

import type { Route } from './+types/root'

export async function loader({ context }: Route.LoaderArgs) {
  return {
    weaverseTheme: await context.weaverse.loadThemeSettings(),
  }
}

import { withWeaverse } from '@weaverse/hydrogen'
import type { ReactNode } from 'react'

function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <head />
      <body>{children}</body>
    </html>
  )
}

export const Layout = withWeaverse(RootLayout)

export const Layout = withWeaverse(RootLayout, { t })