"use client"

import { createContext, useContext } from "react"

import { DEFAULT_APP_NAME } from "@/lib/app-config"

/**
 * Reicht den serverseitig gelesenen Anzeigenamen an Client-Komponenten weiter.
 * `APP_COMPANY_NAME` wird erst zur Laufzeit ausgewertet und steht deshalb nicht
 * über `process.env` im Browser zur Verfügung.
 */
const AppConfigContext = createContext<{ appName: string }>({
  appName: DEFAULT_APP_NAME,
})

export function AppConfigProvider({
  appName,
  children,
}: {
  appName: string
  children: React.ReactNode
}) {
  return (
    <AppConfigContext.Provider value={{ appName }}>
      {children}
    </AppConfigContext.Provider>
  )
}

/** Der konfigurierte Anzeigename – oder „Syncova Policies“ als Vorgabe. */
export function useAppName() {
  return useContext(AppConfigContext).appName
}