'use client';

import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Bug } from 'lucide-react';
import type { GameStore } from '@/lib/game/store';

interface GolemDebugProps {
  store: GameStore;
}

export function GolemDebug({ store }: GolemDebugProps) {
  return (
    <Card className="bg-gray-900/80 border-gray-700 md:col-span-2">
      <CardHeader className="pb-2">
        <CardTitle className="text-orange-400 text-sm flex items-center gap-2">
          <Bug className="w-4 h-4" />
          Golem Debug
        </CardTitle>
      </CardHeader>
      <CardContent>
        <p className="text-xs text-gray-400">
          Golem debugging tools will be added here.
        </p>
      </CardContent>
    </Card>
  );
}

GolemDebug.displayName = "GolemDebug";