import Script from "next/script"

import { env } from "@/env/server"

import { ChatbotRouteChange } from "@/components/ChatbotScript/RouteChange"
import { getLang } from "@/i18n/serverContext"

export default async function ChatbotScript() {
  const lang = await getLang()
  const liveLangs = env.CHATBOT_LIVE_LANGS

  return (
    <>
      <Script
        id="kindly-chat"
        src="https://chat.kindlycdn.com/kindly-chat.js"
        data-bot-key="910bd27a-7472-43a1-bcfc-955b41adc3e7"
        data-shadow-dom
        data-language={lang}
        defer
      ></Script>
      <ChatbotRouteChange liveLangs={liveLangs} />
    </>
  )
}