'use client';

import { useEffect, useState } from 'react';

/**
 * 主题提供者组件
 * 由于 next-themes 在 React 19 下有兼容性问题，暂时使用简化的实现
 * 仅传递 children，不进行主题切换
 */
export function ThemeProvider({ children, ..._props }: { children: React.ReactNode }) {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
  }, []);

  // SSR 时返回 children，避免 hydration mismatch
  if (!mounted) {
    return <>{children}</>;
  }

  return <>{children}</>;
}