import KeyboardBackspaceIcon from "@mui/icons-material/KeyboardBackspace";
import { useContext } from "react";
import { GameContext } from "../../context/GameContext";

export default function Index() {
  const { gameLink } = useContext(GameContext);
  return (
    <div>
      <div style={{ position: "absolute", top: "12px", left: "10px" }}>
        <a href={`/interactive-learning-resources-for-preschool`}>
          <KeyboardBackspaceIcon fontSize="large" color="primary" />
        </a>
      </div>
      <div
        style={{ height: "100vh", display: "flex", flexDirection: "column" }}
      >
        <iframe src={gameLink} style={{ flex: 1, border: "none" }} />
      </div>
    </div>
  );
}
