"use client"

import type React from "react"

import { AppHeader }                   from '@/components/app-header';
import { LayoutDashboard, TrendingUp } from "lucide-react";
import { FileText, Wallet, Activity }  from "lucide-react";
import { Calendar, Newspaper, Wrench, SquareLibrary } from "lucide-react";

export function AppLayout(
  { children }: { children: React.ReactNode }
) {

  return (
    <>
      <div className="min-h-screen flex-1 flex flex-col">
        <AppHeader
          search={{
            placeholder: 'Search'
          }}
          // onSearchAction={}
          navigation={[
          { name: "Dashboard", href: "/dashboard", icon: LayoutDashboard },
          { name: "Trades", href: "/trades", icon: TrendingUp },
          { name: "Accounts", href: "/accounts", icon: Wallet },
          { name: "Trading Systems", href: "/trading-systems", icon: SquareLibrary },
          { name: "Reports", href: "/reports", icon: FileText },
          {
            name: "Tools",
            icon: Wrench,
            children: [
              { name: "Simulator", href: "/tool/simulator", icon: Activity },
              { name: "Calendar", href: "/tool/calendar", icon: Calendar },
            ]
          },
          { name: "Market News", href: "/feed", icon: Newspaper },
        ]} />
        <main className="lg:pl-64">
          <div className="flex-1 p-4 md:p-6 lg:p-8">
            {children}
          </div>
        </main>
      </div>
    </>
  );
}