@use('App\Support\Img')
@props(['src' => null, 'alt' => ''])
@if($src)
    <img src="{{ Img::url($src) }}" alt="{{ $alt }}" loading="lazy" {{ $attributes->merge(['class' => 'object-cover']) }}>
@else
    <div {{ $attributes->merge(['class' => 'flex items-center justify-center bg-gradient-to-br from-blue-500/20 to-amber-400/20 text-blue-600/60 dark:text-blue-300/50']) }}>
        <x-icon name="code" class="h-10 w-10"/>
    </div>
@endif