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

@if($href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => 'relative w-full h-48 rounded-lg overflow-hidden shadow-md hover:scale-105 transition-transform cursor-pointer']) }}>
        <img src="{{ $image }}" alt="" class="w-full h-full object-cover">
    </a>
@else
    <div {{ $attributes->merge(['class' => 'relative w-full h-48 rounded-lg overflow-hidden shadow-md hover:scale-105 transition-transform cursor-pointer']) }}>
        <img src="{{ $image }}" alt="" class="w-full h-full object-cover">
    </div>
@endif