src/components/game/guess-display/ActionButtons.tsx

import { Button } from "@/components/ui/button";
import { useState } from "react";
import { useTranslation } from "@/hooks/useTranslation";

interface ActionButtonsProps {
  isCorrect: boolean;
  onNextRound: () => void;
  onGameReview: () => void;
  currentScore: number;
  avgWordsPerRound: number;
  sessionId: string;
  currentTheme: string;
}

export const ActionButtons = ({
  isCorrect,
  onNextRound,
  onGameReview,
}: ActionButtonsProps) => {
  const t = useTranslation();

  return (
    <div className="flex justify-center gap-4">
      {isCorrect ? (
        <Button onClick={onNextRound} className="text-white">{t.game.nextRound} ⏎</Button>
      ) : (
        <Button onClick={onGameReview} className="text-white">{t.game.review.title} ⏎</Button>
      )}
    </div>
  );
};