frontend/src/components/Layout.jsx

import React from 'react';
import Sidebar from './Sidebar';

const Layout = ({ children, activeTab, setActiveTab }) => {
    return (
        <div className="min-h-screen bg-slate-50 text-slate-900 font-sans selection:bg-indigo-500/30">
            <Sidebar activeTab={activeTab} setActiveTab={setActiveTab} />

            <main className="pl-64 min-h-screen">
                {/* Top Bar Place holder if needed, or integrated into pages */}
                <div className="p-8 max-w-7xl mx-auto animate-in fade-in zoom-in duration-300">
                    {children}
                </div>
            </main>
        </div>
    );
};

export default Layout;