use leptos::prelude::*;

#[component]
pub fn ServersPage() -> impl IntoView {
    view! {
        <div style="padding: 20px;">
            <h1 style="font-size: 2rem; margin-bottom: 20px; color: #333;">
                "🖥️ Servers"
            </h1>
            <div style="background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                <p>"No servers currently provisioned."</p>
                <button style="margin-top: 10px; padding: 10px 20px; background: #3b82f6; color: white; border: none; border-radius: 6px; cursor: pointer;">
                    "➕ Create Server"
                </button>
            </div>
        </div>
    }
}
