export const PricingDropdownHandler = {

    firstItem: null,
    dropdownItems: null,
    isOpen: false,

    init: function () {
        this.firstItem = document.querySelector('.c-pricing-dropdown__item--first');
        this.dropdownItems = document.querySelector('.c-pricing-dropdown__nav');
        this.firstItem ? this.firstItem.addEventListener('click', this.toggleDropdown) : null;
    },

    toggleDropdown: function () {
        PricingDropdownHandler.dropdownItems.style.display = PricingDropdownHandler.isOpen ? 'none' : 'block';
        PricingDropdownHandler.isOpen = !PricingDropdownHandler.isOpen;

        PricingDropdownHandler.firstItem.classList.toggle('is-open');
    }
}