import { Sites } from "@/_config/sites";
import { api_ElementsGet } from "@/actions/rk/api-element";
import { api_GroupAll } from "@/actions/rk/api-groups";
import { api_VisuElementsAll } from "@/actions/rk/api-visuElements";
import VisuAddGroups from "@/components/visu/visuAddGroups";



import Link from "next/link";


export default async function PageGroups() {
	const groups = await api_GroupAll();
	const elements = await api_ElementsGet();
	const visuElements = await api_VisuElementsAll();

	if(!groups || !visuElements) return <div>Loading...</div>

	return (
		<div className="">
			<Link href={Sites.main.url}>{Sites.main.name}</Link>
			<div>
				<VisuAddGroups groups={groups} elements={elements} visuElements={visuElements}></VisuAddGroups>
			</div>

		</div>
	);
}