import '../globals.css';
import type { Metadata } from 'next';
import { Sidebar } from '@/app/components/Sidebar';

export const metadata: Metadata = {
  title: 'ShortURL Analytics',
  description: 'Analytics for your shortened URLs',
};

export default function AppLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="flex h-screen bg-gray-50">
      {/* 侧边栏 */}
      <Sidebar />
      
      {/* 主内容区域 */}
      <div className="flex-1 flex flex-col overflow-auto">
        <main className="flex-1 overflow-y-auto">
          {children}
        </main>
      </div>
    </div>
  );
}