import type { Metadata } from "next"
import { Inter } from 'next/font/google'
import "./globals.css"
import { MainNav } from "@/components/main-nav"

const inter = Inter({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "Space Dashboard",
  description: "A modern space-themed dashboard",
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <div className="min-h-screen flex flex-col">
          <MainNav />
          <main className="flex-1">
            {children}
          </main>
          <footer className="w-full p-4 bg-black text-white/80">
            <div className="flex space-x-4 text-sm">
              <a href="#" className="hover:text-white">Support</a>
              <a href="#" className="hover:text-white">Help Center</a>
              <a href="#" className="hover:text-white">Privacy</a>
              <a href="#" className="hover:text-white">Terms of Service</a>
            </div>
          </footer>
        </div>
      </body>
    </html>
  )
}

