import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import { ReactNode } from "react";


export default async function onboardingLayout({ children }: { children: ReactNode }) {
  const cookieStore = await cookies();
  const onboarding = cookieStore.get("onboarding");
  const isLoggedIn = cookieStore.get("isLoggedIn");

  if (isLoggedIn || (onboarding && !isLoggedIn)) {
    redirect("/");
  }

  return (
    <div className="relative min-h-screen w-screen overflow-hidden">
      <div
        className="
      absolute inset-[-105%]
      bg-contain bg-center bg-repeat-x
      grayscale-60 opacity-20
      rotate-15
    "
        style={{ backgroundImage: "url('/assets/Onboarding/Ornamen.jpeg')" }}
      />

      <div className="relative z-10 min-h-screen flex items-center justify-center px-4">
        {children}
      </div>
    </div>
  );
}