#[component]
pub fn ValidatedInput<T>(
    id: &'static str,
    input_type: &'static str,
    placeholder: &'static str,
    bind: RwSignal<Option<T>>,
) -> impl IntoView
where
    T: serde::de::DeserializeOwned + Clone + Send + Sync + 'static,
{

    let validation_error = RwSignal::new(None);
    let is_invalid = Memo::new(move |_| validation_error.read().is_some());

    let on_input = move |ev| match serde_plain::from_str(&ev.target().value()) {
        Ok(v) => {
            bind.set(Some(v));
            validation_error.set(None);
        }
        Err(err) => {
            bind.set(None);
            validation_error.set(Some(
                err.to_string()
                    .split(" Expected valid")
                    .next()
                    .unwrap_or_default()
                    .to_string(),
            ));
        }
    };
    
    // ...
}