"use client";

import { WalletConnect } from "@/components/web3/WalletConnect";
import { Navigation } from "@/components/layout/Navigation";

export function AppShell({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen flex flex-col">
      <header className="bg-gray-900 border-b border-gray-800 shrink-0">
        <div className="max-w-7xl mx-auto px-4 sm:px-8 py-4 flex flex-col gap-4 sm:flex-row sm:justify-between sm:items-center">
          <h1 className="text-xl sm:text-2xl font-bold">Solace Treasury Management</h1>
          <WalletConnect />
        </div>
      </header>
      <Navigation />
      <main className="flex-1 p-4 sm:p-8">
        <div className="max-w-7xl mx-auto">{children}</div>
      </main>
    </div>
  );
}