<script>
import Tile from './Tile.svelte'
const initialState = {
tiles: Array.from(new Array(16)).map((v, i) => ({
name: `Tile ${i}`,
active: false
}))
};
let handleClick = (event) => {
console.log(event.detail.index);
let {index} = event.detail;
tiles[index].active = !tiles[index].active;
};
$: tiles = initialState.tiles;
</script>
<div class="App">
{#each tiles as tile, index (index)}
<Tile
on:handleClick={handleClick}
index={index}
active={tile.active}
>
{tile.name}
</Tile>
{/each}
</div>
<style>
.App {