import { Loader2 } from "lucide-react";

export function PlayerLoadingState() {
	return (
		<div className="flex h-screen w-full items-center justify-center bg-black">
			<div className="text-center">
				<Loader2 className="mx-auto h-12 w-12 animate-spin text-primary" />
				<p className="mt-4 text-muted-foreground">Preparing playback...</p>
			</div>
		</div>
	);
}
