import { useAuth } from "@/providers/AuthProvider";
import RaidGroupsByAccountDisplay from "@/ui/raidGroup/RaidGroupsByAccountDisplay";


export default function RaidGroupsPage(){
	const { accountId } = useAuth();


	return (
		<main
			className="flex flex-col items-center justify-center gap-8"
		>
			<h1
				className="text-4xl"
			>
				Raid Groups
			</h1>
			<div
				className="w-full"
			>
				<RaidGroupsByAccountDisplay
					accountId={accountId ?? ""}
				/>
			</div>
		</main>
	);
}
