{{-- Image Block --}}
@props(['block'])

@php
    $settings = $block->settings ?? [];
    $image = $settings['image'] ?? '';
    $caption = $settings['caption'] ?? '';
    $alignment = $settings['alignment'] ?? 'center';
@endphp

<div class="my-8 text-{{ $alignment }}" data-block-id="{{ $block->id }}" data-block-type="image">
    @if($image)
        <img src="{{ $image }}" alt="{{ $caption }}" class="max-w-full h-auto rounded-lg shadow-lg inline-block">
        @if($caption)
            <p class="text-gray-600 dark:text-gray-400 mt-2 text-sm">{{ $caption }}</p>
        @endif
    @endif
</div>