<x-filament-widgets::widget>
    <x-filament::section>
        <div class="flex flex-wrap items-center gap-4 justify-between">
            <!-- 添加放大的圆形图形和标题 -->
            <div class="flex items-center">
                <div class="w-14 h-14 bg-blue-600 text-white flex items-center justify-center rounded-full">
                    <span class="text-2xl">⚙️</span> <!-- 增大符号 -->
                </div>
                <h2 class="ml-4 text-xl font-bold text-blue-600">配置导出</h2>
            </div>

            <!-- 按钮居右 -->
            <x-filament::button
                wire:click="updateSettingsToEtcd"
                type="button"
                class="bg-blue-600 text-white hover:bg-blue-700 font-semibold py-2 px-6 rounded-lg shadow-md transition ease-in-out duration-200"
            >
                导出配置到ETCD
            </x-filament::button>
        </div>
    </x-filament::section>
</x-filament-widgets::widget>
