macro_rules! AsyncFetch {
    (fetcher = $fetcher:block producer = |$bound_variable:pat_param| $producer:block) => {{
        use leptos::{
            prelude::{ElementChild, LocalResource, Suspend, Transition},
            view,
        };

        view! {
            <Transition fallback=|| {
                view! { <p>"Loading..."</p> }
            }>
                {move || Suspend::new(async move {
                    let resource = { LocalResource::new(move || $fetcher) };
                    resource
                        .await
                        .map(|$bound_variable| $producer)
                })}
            </Transition>
        }
    }};
}
pub(crate) use AsyncFetch;

// #[component]
// pub fn AsyncFetch<P, V, T, Fut>(
//     fetcher: impl Fn() -> Fut + 'static + Send + Sync,
//     producer: P,
// ) -> impl IntoView
// where
//     V: IntoView + 'static,
//     P: Fn(T) -> V + 'static + Send + Sync,
//     Fut: Future<Output = Result<T, Error>> + 'static,
//     T: 'static,
//     LocalResource<Result<T, Error>>: IntoFuture<Output = Result<T, Error>> + Send,
// {
//     view! {
//             <Transition fallback=|| {
//                 view! { <p>"Loading..."</p> }
//             }>
//                 { || Suspend::new(async {
//                     let value_resource = LocalResource::new( || fetcher());
//                     value_resource
//                         .await
//                         .map(|value| {
//                             producer(value)
//                         })
//                 })}
//             </Transition>
//     }
// }