import ImageRow from './ImageRow.svelte'

const images = [

"https://source.unsplash.com/640x480/?cyberpunk",

"https://source.unsplash.com/400x400/?cyberpunk",

"https://source.unsplash.com/100x250/?cyberpunk",

"https://source.unsplash.com/200x300/?cyberpunk",

]

</script>

<h1>

&lt;ImageRow /&gt;

</h1>

<p>

Where you want all images to be the same height, but to have their width adjusted so they fit the width of the page without stretching or cropping images.

</p>

<ImageRow {images} />

<p>

And another one here.

</p>

<ImageRow images={[

"https://dummyimage.com/400x400",

"https://dummyimage.com/100x250",

"https://dummyimage.com/200x300",

"https://dummyimage.com/200x300"

]} />