"use client"

import { ThemeProvider } from "@/components/theme-provider"
import { ClientThemeApplier } from "@/components/client-theme-applier"

/** Thème clair/sombre client (localStorage), partagé sur toute la web app. */
export function ClientThemeShell({ children }: { children: React.ReactNode }) {
  return (
    <ThemeProvider
      attribute="class"
      defaultTheme="system"
      enableSystem
      storageKey="ultisuite-next-themes-cache"
    >
      {children}
      <ClientThemeApplier />
    </ThemeProvider>
  )
}