use dioxus::prelude::*;

use crate::components::sidebar::Sidebar;
use crate::Route;

/// Application shell layout that wraps all authenticated pages.
///
/// Renders a fixed sidebar on the left and the active child route
/// in the scrollable main content area via `Outlet`.
#[component]
pub fn AppShell() -> Element {
    rsx! {
        div { class: "app-shell",
            Sidebar {
                email: "user@example.com".to_string(),
                avatar_url: String::new(),
            }
            main { class: "main-content", Outlet::<Route> {} }
        }
    }
}