    tabElements.forEach(element => {
                element.addEventListener('click', () => {
                    tabElements.forEach(target => target.classList.add('ghosted'))
                    element.classList.remove('ghosted')

                    toggleTab(element, {
                        tabElements,
                        tabPanelElements
                    })
                })
            })
        </script>

        <nav class="x-tabs gap-0 p-0 bg-transparent">
            <button class="p