Step track

use hydroxy_leptos::step_track::{Jewel, StepTrack};
use leptos::prelude::*;

#[component]
pub fn Demo() -> impl IntoView {
    let steps = || vec!["Draft".to_string(), "In review".into(), "Approved".into(), "Shared".into()];
    view! {
        <div style="display: grid; gap: var(--space-8);">
            <StepTrack steps=steps() current=1 label="Summary progress" />
            <StepTrack steps=steps() current=3 jewel=Jewel::Emerald label="Release progress" />
            <StepTrack steps=steps() label="Not started" />
        </div>
    }
}

use dioxus::prelude::*;
use hydroxy_dioxus::step_track::{Jewel, StepTrack};

#[component]
pub fn StepTrackDemo() -> Element {
    let steps = || vec!["Draft".to_string(), "In review".into(), "Approved".into(), "Shared".into()];
    rsx! {
        div { style: "display: grid; gap: var(--space-8);",
            StepTrack { steps: steps(), current: Some(1), label: "Summary progress" }
            StepTrack { steps: steps(), current: Some(3), jewel: Jewel::Emerald, label: "Release progress" }
            StepTrack { steps: steps(), label: "Not started" }
        }
    }
}