<mk-images-viewer>
	<div class="image" ref="view" onclick={ click }><img ref="img" src={ image.url + '?thumbnail&size=512' } alt={ image.name } title={ image.name }/></div>
	<style type="stylus">
		:scope
			display block
			padding 8px
			overflow hidden
			box-shadow 0 0 4px rgba(0, 0, 0, 0.2)
			border-radius 4px

			> .image

				> img
					display block
					max-height 256px
					max-width 100%
					margin 0 auto

	</style>
	<script>
		@images = @opts.images
		@image = @images.0

		@click = ~>
			window.open @image.url
	</script>
</mk-images-viewer>
