<script>
  import ArrowRight from "~icons/material-symbols/keyboard-double-arrow-right-rounded";
  export let scrollInDirection;
</script>

<div class="w-full h-full flex justify-end items-center text-3xl">
  <button class="relative" on:click={() => { scrollInDirection([0, 1]) }}>
    <ArrowRight />
    <div class="absolute -z-10 top-0 -left-0.5 text-surface-400">
      <ArrowRight />
    </div>
  </button>
</div>