use leptos::prelude::*;

#[component]
pub fn UserPage() -> impl IntoView {
    view! {
        <div class="min-h-screen bg-base-200">
            <div class="hero bg-base-100 py-8">
                <div class="hero-content text-center">
                    <div class="max-w-md">
                        <h1 class="text-5xl font-bold text-primary">"User Dashboard"</h1>
                        <p class="py-6 text-lg">"Welcome to your user dashboard"</p>
                        <div class="flex justify-center gap-2">
                            <div class="badge badge-primary">"User"</div>
                            <div class="badge badge-secondary">"Dashboard"</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container mx-auto px-4 py-8">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div class="card bg-base-100 shadow-xl">
                        <div class="card-body">
                            <h2 class="card-title">"Profile"</h2>
                            <p>"Manage your profile information and settings."</p>
                            <div class="card-actions justify-end">
                                <button class="btn btn-primary">"Edit Profile"</button>
                            </div>
                        </div>
                    </div>

                    <div class="card bg-base-100 shadow-xl">
                        <div class="card-body">
                            <h2 class="card-title">"Settings"</h2>
                            <p>"Configure your account preferences and security settings."</p>
                            <div class="card-actions justify-end">
                                <button class="btn btn-secondary">"Settings"</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
}
