import type { WebConsoleController } from "@/components/web-console/controller";
import dynamic from "next/dynamic";

const WebConsole = dynamic(
  () =>
    import("@/components/web-console/web-console").then((m) => m.WebConsole),
  { ssr: false }
);

export function WebConsoleContainer({
  controller,
  className,
}: {
  controller: WebConsoleController;
  className?: string;
}) {
  return (
    <div className={className}>
      <WebConsole controller={controller} />
    </div>
  );
}