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

#[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>
    }
}