@php
    $state_path = $getStatePath();
@endphp

<div
    x-data="{ open: false }"
    {{ $attributes -> merge($getExtraAttributes()) -> class(['fi-fo-field-wrp']) }}
>
	@if (!$getSelectedMedia() -> isEmpty())
	<div class="fi-media-cols fi-space-y">
		@foreach ($getSelectedMedia() as $item)
			{{ $item -> toHtml() }}
		@endforeach
	</div>
	@endif

	<livewire:media-library-browser
		wire:model="{{ $state_path }}"
		:multiple="$isMultiple()"
		:max_items="$getMaxItems()"
		:emit-on-confirm="false"
		:key="$state_path.'-browser'"
	/>
</div>