<script>
import { Macy } from 'svelte-macy'
import Config from './Config.svelte';
import images from './images.js'
let macy;
let options = {
columns: 6,
trueOrder: false,
margin: 5,
mobileFirst: false,
breakAt: {},
};
let offset = 0;
</script>
<Config bind:options={options} bind:offset={offset} macy={macy}/>
<Macy bind:macy={macy} options={options}>
{#each images.slice(0, 15 + offset) as image}
<img src={image} alt={image} />
{/each}
</Macy>