'use client';

import * as React from 'react';
import { AppSidebar } from './AppSidebar';
import { AppHeader } from './AppHeader';
import AnimatedBackground from '@/components/AnimatedBackground';
import { SidebarProvider } from './SidebarProvider';

interface AppShellProps {
  children: React.ReactNode;
}

export function AppShell({ children }: AppShellProps) {
  return (
    <SidebarProvider>
      <div className="flex h-screen overflow-hidden bg-transparent text-foreground relative">
        <AnimatedBackground />
        <AppSidebar />
        <div className="flex-1 flex flex-col min-w-0 relative z-10">
          <AppHeader />
          <main className="flex-1 overflow-y-auto scrollbar">
            {children}
          </main>
        </div>
      </div>
    </SidebarProvider>
  );
}