{{- $src := .Get "src" -}}
{{- $image := .Get "image" -}}
{{- $title := .Get "title" -}}
{{- $size := .Get "size" -}}
{{- $filename := path.Base $src -}}
{{- $label := $title | default $filename -}}
{{- $alt := .Get "alt" | default $label -}}
{{- $srcURL := relURL (strings.TrimPrefix "/" $src) -}}
{{- $imageURL := relURL (strings.TrimPrefix "/" $image) -}}
<a class="dl-asset" href="{{ $srcURL }}" download aria-label="Download {{ $filename }}">
  <img class="dl-asset-thumb" src="{{ $imageURL }}" alt="{{ $alt }}" loading="lazy" />
  <span class="dl-asset-info">
    <span class="dl-asset-name">{{ $label }}</span>
    {{ with $size }}<span class="dl-asset-size">{{ $filename }} &middot; {{ . }}</span>{{ else }}<span class="dl-asset-size">{{ $filename }}</span>{{ end }}
  </span>
  <svg class="dl-asset-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
    <polyline points="7 10 12 15 17 10"/>
    <line x1="12" y1="15" x2="12" y2="3"/>
  </svg>
</a>