import { Sites } from "@/_config/sites";
import { api_groups } from "@/actions/rk2/api-groups";
import { api_anlage_getSelected } from "@/actions/rk/api-anlage";
import { UnitEdit } from "@/components/rk2/units/unitEdit";

import Link from "next/link";
import { componentDefaults, componentTypeDefinitions } from "@/actions/rk2/api-compTypes";
import Breadcrumbs from "@/components/ui/navigation/breadcrumbs";



export default async function PageUnitsEditNew() {
	const currentAnlage = await api_anlage_getSelected();
	const groups = await api_groups();
	const componentTypes = componentTypeDefinitions;
	const cd = componentDefaults;

	const breadcrumb = [{ label: "RK", href: "/" },{ label: "Anlage", href: "/rk2"  },{ label: "Units" },{ label: "Neu" }]

	return (
		<div className="">
				<div>
						<Breadcrumbs items={breadcrumb}/>				
				</div>
	
			<div className="flex flex-col m-4 w-300 ">
				<UnitEdit anlage={currentAnlage} groups={groups} componentTypes={componentTypes} componentDefaults={cd}></UnitEdit>
				{/* 
				<UnitCreateForm anlage={currentAnlage}></UnitCreateForm>
				*/}
			</div>
		</div>
	);
}