import {
  WeaverseHydrogenRoot,
  useWeaverse,
  type WeaverseHydrogen,
} from '@weaverse/hydrogen'
import { components } from '~/weaverse/components'

export function WeaversePage() {
  return <WeaverseHydrogenRoot components={components} />
}

export function RuntimeInfo() {
  const weaverse = useWeaverse<WeaverseHydrogen>()

  return <span>{weaverse.data.name}</span>
}