'use client';

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

interface DebugTabProps {
  store: GameStore;
}

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

DebugTab.displayName = "DebugTab";
