import { Command } from "lucide-react"
import { Navigation } from "../nav"
import FooterSection from "@/components/footer"

export default function Layout({ children }: { children: React.ReactNode }) {

    return (
        <div className="flex flex-col min-h-screen">
            <div className="sticky top-0 z-50 bg-background flex flex-row  items-center px-4">
                <Command size={24} className="mr-4" />
                <Navigation />
            </div>
            <div className="flex-1">
                {children}
            </div>
            <FooterSection />
        </div>
    )
}