<script>
// for tailwind css
import Stylesheet from './Stylesheet.svelte'
// https://github.com/vnphanquang/svelte-put/tree/main/packages/actions/movable
import { movable } from '@svelte-put/movable';
import Icon from 'svelte-awesome/components/Icon.svelte';
import arrows from 'svelte-awesome/icons/arrows';
import close from 'svelte-awesome/icons/close';
import { fade } from 'svelte/transition';
let modal = false;
let containerNode;
let triggerNode;
let lastKnownPosition = { left: 0, top: 0 };
let actionStatus;
function updateLastKnownPosition(
event,
status,
) {
lastKnownPosition = event.detail.position;
actionStatus = status;
}
</script>
<Stylesheet />
<title>movable | @svelte-put</title>
<main class="flex flex-1 flex-col p-4">
<h1 class="mt-10 text-center text-4xl font-bold">@svelte-put/movable</h1>
<div class="mt-10 grid flex-1 gap-y-10 md:grid-cols-2">
<section