"use client"

import { usePathname } from "next/navigation"
import { BottomNav } from "@/components/bottom-nav"
import { ConfigLoader } from "@/components/config-loader"

export function LayoutWrapper({ children }: { children: React.ReactNode }) {
  const pathname = usePathname()
  const isAdmin = pathname?.startsWith("/admin")

  if (isAdmin) {
    return (
      <div className="min-h-screen bg-gray-100 text-gray-900 font-sans">
        <ConfigLoader />
        {children}
      </div>
    )
  }

  return (
    <div className="mx-auto max-w-[430px] min-h-screen bg-[#0a1628] shadow-2xl relative font-sans antialiased">
      <ConfigLoader />
      {children}
      <BottomNav />
    </div>
  )
}