<script>
import { quintOut } from 'svelte/easing';
import { crossfade } from 'svelte/transition';
import { flip } from 'svelte/animate';
import {listStore, nextItem, reset} from './listStore.js'
// import {settingsStore, toggleAutosave} from './settingsStore.js' //DIY Step #4
import FlashItem from './FlashItem.svelte'
import Diy from './Diy.svelte'
$: list = $listStore.list
$: item = $listStore.item
$: itemArr = item ? [item] : []
$: pile = $listStore.pile
const [send, receive] = crossfade({
fallback(node, params) {
const style = getComputedStyle(node);
const transform = style.transform === 'none' ? '' : style.transform;
return {
duration: 600,
easing: quintOut,
css: t => `
transform: ${transform} ;
opacity: ${t}
`
};
}
})
</script>
<style>
ul {
display: flex;