@props([
    'image' => null,
    'href' => null,
])

@php
// 使用 Tailwind aspect-auto 保持圖片原始比例
$classes = 'relative w-full rounded-lg overflow-hidden shadow-md hover:scale-105 transition-transform cursor-pointer';
@endphp

@if($href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
        <img src="{{ $image }}" alt="" class="w-full h-auto object-contain">
    </a>
@else
    <div {{ $attributes->merge(['class' => $classes]) }}>
        <img src="{{ $image }}" alt="" class="w-full h-auto object-contain">
    </div>
@endif