<script>
// usually this import strategy should work:
//import {AnimateSharedLayout,Motion, AnimatePresence} from "svelte-motion";
import Motion from 'svelte-motion/src/motion/MotionSSR.svelte';
import MotionLi from './MotionLi.svelte';
let ison = false;
const list = {
visible: {
border: "4px solid white",
transition: {
when: "afterChildren",
staggerChildren: 0.3,
},
},
hidden: {
border: "0px solid transparent",
transition: {
when: "beforeChildren",
},
},
}
const item = {
visible: { opacity: 1, x: 0 },
hidden: { opacity: 0, x: "-50vw" },
}
const variants2 = {
visible: i => ({
opacity: 1,
transition: {
delay: i * 0.3,
},
}),
hidden: { opacity: 0 },