<div class="flex gap-2">
    <h3 class="dark:text-white">File: {{ str_replace('|', '.', $fileName) }}</h3>
    @can('update', $server)
        <div class="flex gap-2">
            <x-modal-input buttonTitle="Edit" title="Edit Configuration">
                <livewire:server.proxy.new-dynamic-configuration :server_id="$server_id" :fileName="$fileName" :value="$value"
                    :newFile="$newFile" wire:key="{{ $fileName }}" />
            </x-modal-input>
        </div>
        <x-forms.button isError wire:click="delete('{{ $fileName }}')">Delete</x-forms.button>
    @endcan
</div>
