import type { ReactNode } from 'react'
import { QueryClientProvider, ThemeProvider } from '@heygermany/components'

export type WebsiteProvidersProps = {
  children: ReactNode
  initialTheme: 'light' | 'dark' | 'auto'
  locale: string
}

export function WebsiteProviders({
  children,
  initialTheme,
  locale,
}: WebsiteProvidersProps) {
  return (
    <QueryClientProvider>
      <ThemeProvider initial={initialTheme} locale={locale}>
        {children}
      </ThemeProvider>
    </QueryClientProvider>
  )
}