use leptos::prelude::*;

#[component]
pub fn WorkflowsPage() -> impl IntoView {
    view! {
        <div style="padding: 20px;">
            <h1 style="font-size: 2rem; margin-bottom: 20px; color: #333;">
                "🔄 Workflows"
            </h1>

            <div style="background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                <h2 style="font-size: 1.3rem; margin: 0 0 15px 0; color: #333;">
                    "Active Workflows"
                </h2>
                <p style="color: #666; margin: 0;">
                    "No active workflows at this time."
                </p>
            </div>

            <div style="background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-top: 20px;">
                <h2 style="font-size: 1.3rem; margin: 0 0 15px 0; color: #333;">
                    "Workflow History"
                </h2>
                <p style="color: #666; margin: 0;">
                    "Workflow execution history will be displayed here."
                </p>
            </div>
        </div>
    }
}
