<!-- Tabs Navigation -->
<div class="bg-white rounded-lg shadow-sm mb-6">
    <div class="border-b border-gray-200">
        <nav class="-mb-px flex space-x-8 px-6">
            <?php if (isset($tabs) && is_array($tabs)): ?>
                <?php foreach ($tabs as $tabKey => $tab): ?>
                    <button @click="activeTab = '<?= $tabKey ?>'" 
                            :class="activeTab === '<?= $tabKey ?>' ? 'border-blue-500 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'"
                            class="py-4 px-1 border-b-2 font-medium text-sm whitespace-nowrap transition-colors">
                        <svg class="w-5 h-5 inline mr-2" fill="currentColor" viewBox="0 0 20 20">
                            <path d="<?= $tab['icon'] ?? '' ?>"/>
                        </svg>
                        <?= $tab['label'] ?>
                    </button>
                <?php endforeach; ?>
            <?php endif; ?>
        </nav>
    </div>
</div>