File size: 898 Bytes
5cd06ed 65676ec 5cd06ed 6864389 a64b653 65676ec 6864389 65676ec 5cd06ed a64b653 6864389 a64b653 5cd06ed 65676ec a64b653 5cd06ed 6864389 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
import { useTranslation } from "@/hooks/useTranslation";
import { getModelDisplayName } from "@/lib/modelNames";
interface GuessResultProps {
aiGuess: string;
isCorrect: boolean;
onNextRound: () => void;
model?: string;
}
export const GuessResult = ({ aiGuess, isCorrect, onNextRound, model }: GuessResultProps) => {
const t = useTranslation();
return (
<div className="space-y-4">
<p className="text-sm text-gray-600">
{t.guess.aiGuessedDescription.prefix}{" "}
{model ? getModelDisplayName(model) : t.guess.aiGuessedDescription.aiName}{" "}
{t.guess.aiGuessedDescription.suffix}
</p>
<div className={`rounded-lg ${isCorrect ? 'bg-green-50' : 'bg-red-50'}`}>
<p className={`p-4 text-2xl font-bold tracking-wider ${isCorrect ? 'text-green-600' : 'text-red-600'}`}>
{aiGuess}
</p>
</div>
</div>
);
}; |