{{/*
  Usage:
    {{ partial "img.html" (dict "res" $imgResource "widths" (slice 600 1200) "sizes" "100vw" "class" "w-full h-full object-cover" "alt" "cocktail name" "loading" "lazy") }}
*/}}
{{- $res := .res -}}
{{- $widths := .widths | default (slice 800 1200) -}}
{{- $sizes := .sizes | default "100vw" -}}
{{- $class := .class | default "" -}}
{{- $alt := .alt | default "" -}}
{{- $loading := .loading | default "lazy" -}}

{{- $entries := slice -}}
{{- range $widths -}}
  {{- $img := $res.Resize (printf "%dx webp" .) -}}
  {{- $entries = $entries | append (printf "%s %dw" $img.RelPermalink .) -}}
{{- end -}}

<img
  srcset="{{ delimit $entries ", " }}"
  sizes="{{ $sizes }}"
  src="{{ ($res.Resize (printf "%dx webp" (index $widths 0))).RelPermalink }}"
  alt="{{ $alt }}"
  loading="{{ $loading }}"
  decoding="async"
  class="{{ $class }}"
/>