import TabGroup, { Tab } from "@/components/tab/TabGroup";
import AdminAccountsTab from "@/ui/account/AdminAccountsTab";
import AdminGamesTab from "@/ui/game/AdminGamesTab";
import AdminRaidGroupTab from "@/ui/raidGroup/AdminRaidGroupTab";


export default function AdminPage(){
	const tabs: Tab[] = [
		{
			tabHeader: "Accounts",
			tabContent: <AdminAccountsTab/>
		},
		{
			tabHeader: "Games",
			tabContent: <AdminGamesTab/>
		},
		{
			tabHeader: "Raid Groups",
			tabContent: <AdminRaidGroupTab/>
		}
	];


	return (
		<main
			className="flex flex-col items-center justify-center"
		>
			<h1
				className="text-4xl"
			>
				Admin Functions
			</h1>
			<div
				className="w-full"
			>
				<TabGroup
					tabs={tabs}
				>
				</TabGroup>
			</div>
		</main>
	);
}