<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
    <div x-data="{ state: $wire.entangle('{{ $getStatePath() }}') }">
        <!-- Interact with the `state` property in Alpine.js -->
        {{-- {{ $getRecord()->theme_code }} --}}
        <img src="{{ url('/theme/' . $getRecord()->theme_code . '/sneak_view.jpg') }}" class="rounded-lg w-full">

        {{-- <div class="w-full bg-gray-200 rounded-lg p-4 flex justify-center items-center">

            <img src="{{ url('/theme/' . $getRecord()->theme_code . '/bg_primary.jpg') }}"
                class="rounded-lg w-full shadow-lg" style="max-width: 180px">
            <div class="w-4 h-4"></div>
            <img src="{{ url('/theme/' . $getRecord()->theme_code . '/bg_secondary.jpg') }}"
                class="rounded-lg w-full shadow-lg" style="max-width: 180px">

        </div> --}}
        {{-- <div class="overflow-hidden rounded-lg">
            <iframe src="{{ route('cards.show', $getRecord()->id) }}" class="w-full h-96"></iframe>
        </div> --}}
    </div>
</x-dynamic-component>
