// ── Provider: Theme Provider ──
// Wraps next-themes ThemeProvider with additional color theme names
// (ocean, forest, sunset, midnight) beyond the standard light/dark/system.

"use client"

import { ThemeProvider as NextThemesProvider } from "next-themes"
import { type ThemeProviderProps } from "next-themes"

/**
 * ThemeProvider — wraps next-themes Provider with custom theme names.
 * Supports light, dark, system, and additional color themes (ocean, forest, etc.).
 */
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return (
    <NextThemesProvider
      themes={["light", "dark", "system", "ocean", "forest", "sunset", "midnight"]}
      {...props}
    >
      {children}
    </NextThemesProvider>
  )
}
