import { Card, CardContent } from "@mui/material";
import type { NowPlayingSession } from "../types";
import { SessionActivityPanel } from "./SessionActivityPanel";

interface Props {
	sessions: NowPlayingSession[];
	onSelectSession?: (session: NowPlayingSession) => void;
}

export function NowPlaying({ sessions, onSelectSession }: Props) {
	return (
		<Card variant="outlined">
			<CardContent>
				<SessionActivityPanel
					sessions={sessions}
					onSelectSession={onSelectSession}
					emptyMessage="No recent user activity sessions right now."
				/>
			</CardContent>
		</Card>
	);
}