<script>
    import { fly } from "svelte/transition";
    export let url = "";
</script>

{#key url}
    <div
        in:fly={{ x: -5, duration: 500, delay: 300 }}
        out:fly={{ x: 5, duration: 500 }}
        class="absolute bg-inherit w-full"
    >
        <slot />
    </div>
{/key}