import { Controller } from '@hotwired/stimulus'

export default class extends Controller {
    static outlets = [ 'mobilenav' ]
    static classes = [ 'closed' ]

    trigger({ params: { mode } }) {
        this.mobilenavOutlet.toggle(mode)
    }

    toggle(mode) {
        // Add animation classes only now to avoid fouc
        this.element.classList.add('transition-transform', 'duration-300')
        this.element.classList.toggle(this.closedClass, 'close' === mode)
    }
}