use dioxus::prelude::*;

/// Der Bildschirm vor dem Editor: einen bekannten Workspace öffnen oder einen
/// hinzufügen. Eine einzige Route, keine Reiter — die Workspace-Liste führt,
/// das Hinzufügen ist Nebenaktion.
#[component]
pub fn Selector() -> Element {
    rsx! {
        div { class: "workspace-selector-layout",
            div { class: "workspace-selector-view",
                // TODO: Workspace-Liste aus workspaces.ron laden und darstellen
                // (Ordnername, Pfad darunter, Statusabzeichen). Bis dahin nur
                // der leere Zustand.
                div { class: "empty-state",
                    span { class: "empty-state-title", "Noch kein Workspace" }
                    span { "Der erste Workspace ist ein Ordner deiner Wahl." }
                    // TODO: Nativen Ordner-Dialog anbinden, Marker anlegen und
                    // den Workspace in den Context schreiben.
                    button { class: "btn btn-primary", disabled: true,
                        "Workspace hinzufügen…"
                    }
                }
            }
        }
    }
}