<script lang="ts">
  import { fly } from 'svelte/transition'
  export let url: URL
</script>

{#key url}
  <div
    in:fly={{ y: -50, duration: 250, delay: 300 }}
    out:fly={{ y: -50, duration: 250 }}
  >
    <slot />
  </div>
{/key}