import type { Metadata } from "next";
import "./globals.css";
import { Sidebar } from "@/components/layout/Sidebar";
import { BottomNav } from "@/components/layout/BottomNav";

export const metadata: Metadata = {
  title: "TeamFlow",
  description: "一款支持多端同步、Markdown 编辑和标签管理的笔记应用。",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="zh-CN">
      <body className="bg-gray-50 min-h-screen">
        <div className="flex">
          {/* Desktop Sidebar */}
          <Sidebar items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"任务管理","href":"/任务管理","icon":"📋"},{"name":"筛选和搜索","href":"/筛选和搜索","icon":"📅"},{"name":"数据统计","href":"/数据统计","icon":"✏️"},{"name":"看板视图","href":"/看板视图","icon":"📸"}] } projectName="TeamFlow" />
          {/* Main Content */}
          <main className="flex-1 lg:pl-64 pb-20 lg:pb-0">
            <div className="max-w-2xl mx-auto px-4 py-6">
              {children}
            </div>
          </main>
        </div>
        {/* Mobile Bottom Nav */}
        <BottomNav items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"任务管理","href":"/任务管理","icon":"📋"},{"name":"筛选和搜索","href":"/筛选和搜索","icon":"📅"},{"name":"数据统计","href":"/数据统计","icon":"✏️"}] } />
      </body>
    </html>
  );
}
