use leptos::ev::MouseEvent;
use leptos::prelude::*;

#[component]
pub fn Modal(
    on_background_click: impl Fn(MouseEvent) + 'static,
    children: Children,
) -> impl IntoView {
    view! {
        <div
            class="modal"
            on:click=move |e| {
                if e.current_target() == e.target() {
                    on_background_click(e)
                }
            }
        >
            {children()}
        </div>
    }
}