<script>
/*
Thanks for checking this out! This is a demo of github.com/dimfeld/svelte-zoomable.
Also see the grid example at https://svelte.dev/repl/32bf500c4b8b4b718daee1fae74b6a51?version=3.32.0
And if you have any questions or comments, feel free to ping me at @dimfeld on Twitter.
*/
import { fade } from 'svelte/transition';
import { ZoomableContainer, zoomPresets } from "svelte-zoomable";
import Items from "./Items.svelte";
const data = [
{
id: "fruit",
title: "Fruits",
children: [
{
id: "apple",
title: "Apple",
content: ["Apples are good!"],
},
{
id: "banana",
title: "Banana",
content: ["Bananas are yellow"],
},
],
},
{
id: "meat",
title: "Meat",
children: [
{
id: "beef",
title: "Beef",