<ui-gallery>

<template is="ui-gallery" images="array">
  <div class="ui-gallery">
    <picture
      class="ui-gallery-slide"
      map="image of props.images"
      if="props.images"
    >
      <img
        if="image.src"
        src="{{image.src.asset.url |> esc}}"
        alt="{{image?.alt |> esc}}"
        class="ui-gallery-image"
      />
    </picture>
    <button class="ui-gallery-prev">&lt;</button>
    <button class="ui-gallery-next">&gt;</button>
    <div class="ui-gallery-dots"></div>
  </div>
</template>