import { Lang } from "@scandic-hotels/common/constants/language"
import { Typography } from "@scandic-hotels/design-system/Typography"

import { env } from "../env/server"
import { serverClient } from "./trpc"

const tempEnv = env.FOO

export async function Temp() {
  const caller = await serverClient()
  const destinations = await caller.autocomplete.destinations({
    lang: Lang.en,
    includeTypes: ["hotels"],
    query: "Stockholm",
  })
  const hotel = destinations.hits.hotels[0].name

  return (
    <div>
      <Typography variant="Body/Lead text">
        <p>Tjena {tempEnv}</p>
      </Typography>
      <Typography variant="Body/Lead text">
        <p>Something fetched by tRPC: {hotel}</p>
      </Typography>
    </div>
  )
}
