"use client";

import dynamic from "next/dynamic";
import type { PinballCanvasImplProps } from "./PinballCanvasImpl";

// The engine touches window/canvas/WebGL as soon as it mounts, so it's kept
// out of the server render entirely rather than just deferring to an effect.
const PinballCanvasImpl = dynamic<PinballCanvasImplProps>(() => import("./PinballCanvasImpl"), {
  ssr: false,
});

export default function PinballCanvas(props: PinballCanvasImplProps) {
  return <PinballCanvasImpl {...props} />;
}