"use client";

import dynamic from "next/dynamic";
import { Skeleton } from "@/components/ui/skeleton";

const ReplayPlayer = dynamic(() => import("./ReplayPlayer").then((m) => m.ReplayPlayer), {
  ssr: false,
  loading: () => <Skeleton className="h-64 w-full" />,
});

export function ReplayPlayerLoader({ recordingId }: { recordingId: number }) {
  return <ReplayPlayer recordingId={recordingId} />;
}