Aquarius.component.define('Frontend/Hamburger', function ($element, options) {

    var defaults = {};

    function Hamburger() {
    }

    Hamburger.prototype = {
        init: function () {
            var self = this;

            this.$element = $element;
            this.allergenek = [];
            this.defaults = defaults;
            this.options = Aquarius.extend(this.defaults, options);

            this.events();
        },
        events: function () {
            const self = this;

            this.$element.find('#openMobileMenu').on('click', function () {
                self.$element.find('#nav').addClass('d-block');
                self.$element.find('.nav__open').addClass('d-none');
                self.$element.find('.nav__close').addClass('d-inline-block');
            });

            this.$element.find('#closeMobileMenu').on('click', function () {
                self.$element.find('#nav').removeClass('d-block');
                self.$element.find('.nav__open').removeClass('d-none');
                self.$element.find('.nav__close').removeClass('d-inline-block');
            });
        },
    };

    return Hamburger;
});