'use client';

import { GameStateDebug } from '@/components/game/debug/GameStateDebug';
import { 
  SkillDebug, 
  AttunementDebug, 
  ElementDebug, 
  GolemDebug,
  PactDebug 
} from '@/components/game/debug';

export function DebugTab() {
  return (
    <div className="space-y-4">
      <GameStateDebug />
      
      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
        <AttunementDebug />
        <ElementDebug />
      </div>
      
      <SkillDebug />
      <GolemDebug />
      <PactDebug />
    </div>
  );
}

DebugTab.displayName = "DebugTab";