"use client"

import { type IntlConfig, IntlProvider } from "react-intl"

import type { Lang } from "@scandic-hotels/common/constants/language"

export type ClientIntlProviderProps = React.PropsWithChildren<
  Pick<IntlConfig, "defaultLocale" | "messages"> & { locale: Lang }
>

export default function ClientIntlProvider({
  children,
  locale,
  defaultLocale,
  messages,
}: ClientIntlProviderProps) {
  return (
    <IntlProvider
      locale={locale}
      defaultLocale={defaultLocale}
      messages={messages}
    >
      {children}
    </IntlProvider>
  )
}