import Navbar from "@/components/navbar";
import React from "react";

export default async function Layout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="space-y-2 w-full mx-auto max-w  h-screen flex flex-col justify-between bg-card/25 overflow-hidden">
      <main className="space-y-4 rounded-b-[3rem] bg-background/75 h-full border border-card z-20 relative overflow-y-auto pb-8">
        {children}
      </main>
      <Navbar />
    </div>
  );
}