<script lang="ts">
  import HandleDot from './HandleDot.svelte';

  export let pad: boolean = false;
</script>

<div class="handle flex gap-1 items-center cursor-grab z-[1]" class:p-6={pad}>
  {#each Array(2) as _}
    <div class="flex flex-col gap-1">
      {#each Array(3) as _}
        <HandleDot />
      {/each}
    </div>
  {/each}
</div>
