"use client";
import { createGame } from "@/actions/create_game";
import { Button } from "@/components/ui/button";
import { useRouter } from "next/navigation";

export function CreateGameButton() {
  const router = useRouter();
  const handleCreateGame = async (event: React.MouseEvent) => {
    event.preventDefault();
    const game = await createGame();
    const gameId = game?.data?.id;
    if (!gameId) return;
    router.push(`/games/${gameId}`);
  };
  return <Button onClick={handleCreateGame}>Create Game</Button>;
}