use leptos::*;
use leptos_use::docs::{demo_or_body, Note};
use leptos_use::signal_debounced;

#[component]
fn Demo() -> impl IntoView {
    let (input, set_input) = create_signal("".to_string());
    let debounced = signal_debounced(input, 1000.0);

    view! {
        <div>
            <input
                type="text"
                value=input
                on:input=move |event| set_input(event_target_value(&event))
                placeholder="Try to type quickly, then stop..."
            />
            <Note>
                Delay is set to 1000ms for this demo.
            </Note>
            <p>
                Input signal:
                {input}
            </p>
            <p>
                Debounced signal:
                {debounced}
            </p>
        </div>
    }
}

fn main() {
    _ = console_log::init_with_level(log::Level::Debug);
    console_error_panic_hook::set_once();

    mount_to(demo_or_body(), || {
        view! { <Demo/> }
    })
}