import { CreateOrgForm } from '../CreateOrgForm'
import Link from 'next/link'

export default function CreateOrgPage() {
    return (
        <div className="h-full w-full flex flex-col p-6 gap-6">
            <div className="flex items-center gap-4 shrink-0">
                <Link
                    href="/superadmin"
                    className="p-2.5 bg-white border border-gray-200 text-gray-400 rounded-xl hover:bg-gray-50 hover:text-gray-600 transition-colors"
                    title="Zurück zur Übersicht"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor" className="w-5 h-5">
                        <path strokeLinecap="round" strokeLinejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
                    </svg>
                </Link>
                <div className="space-y-1">
                    <h1 className="text-2xl font-black text-gray-900 tracking-tight font-outfit">
                        Neue Innung anlegen
                    </h1>
                    <p className="text-sm text-gray-400 font-medium">Legen Sie hier eine neue Innung an und konfigurieren Sie die Branding-Daten.</p>
                </div>
            </div>

            <div className="flex-1 overflow-hidden min-h-0">
                <CreateOrgForm />
            </div>
        </div>
    )
}