import { Suspense } from "react";
import UserProfileContent from "./content";

// page.tsx (Server Component)
export default async function UserProfilePage({
	params
}: {
	params: { id: string };
}) {
	return (
		<Suspense
			fallback={
				<div className="page-container py-6 text-sm text-subtext1">
					Loading profile…
				</div>
			}
		>
			<UserProfileContent userId={(await params).id} />
		</Suspense>
	);
}
