@props([
  'url' => null,
  'alt' => '',
  'variant' => 'card-top',
])

@php
  $hasThumb = filled(trim((string) $url));
  $variant = $variant === 'list-thumb' ? 'list-thumb' : 'card-top';
@endphp

@include('partials._bundle_course_thumbnail_styles')

@if($variant === 'list-thumb')
  <div class="bundle-course-thumb bundle-course-thumb--list flex-shrink-0">
    @if($hasThumb)
      <img src="{{ $url }}" alt="{{ $alt }}" class="bundle-course-thumb__img" loading="lazy" decoding="async">
    @else
      <div class="bundle-course-thumb__placeholder" aria-hidden="true">
        <i class="bi bi-image"></i>
        <span class="small">画像なし</span>
      </div>
    @endif
  </div>
@else
  <div class="bundle-course-thumb bundle-course-thumb--card-top">
    @if($hasThumb)
      <img src="{{ $url }}" alt="{{ $alt }}" class="bundle-course-thumb__img" loading="lazy" decoding="async">
    @else
      <div class="bundle-course-thumb__placeholder" aria-hidden="true">
        <i class="bi bi-image"></i>
        <span class="small">画像なし</span>
      </div>
    @endif
  </div>
@endif