import { Controller } from '@hotwired/stimulus';

export default class extends Controller {
    static targets = ['overlay'];

    open(event) {
        event.stopPropagation();
        this.overlayTarget.hidden = false;
    }

    close() {
        this.overlayTarget.hidden = true;
    }

    closeOnBackdrop(event) {
        if (event.target === this.overlayTarget) {
            this.close();
        }
    }
}