@import com.gu.contentatom.thrift.ImageAsset
@(img: com.gu.contentatom.thrift.Image)

@defining(img.assets.sortBy(_.dimensions.map(_.width).getOrElse(0))){ assets =>
  <img 
    class="atom--snippet__image"
    alt
    src="@assets.headOption.map(_.file).getOrElse("")"
    srcset="@assets.filter(_.dimensions.isDefined).map{ asset => 
      @asset.file @asset.dimensions.map{ dims => @{dims.width}w }
    }.mkString(",")"
    sizes="100px">
}