<script>
  import CustomScrollBar from "@src/routes/comps/CustomScrollBar.svelte";
</script>

<div class="grid grid-cols-6 w-full h-[80vh]">
  <div class="h-full col-start-2 col-span-2">
    <div class="flex flex-col items-center justify-center w-full h-full">
      <div class="flex flex-col w-72">
        <div class="w-full h-72 bg-lime-200"></div>
        <CustomScrollBar overflowX="scroll" overflowY="hidden" Class="">
          <div class="flex w-full gap-4">
            {#each { length: 6 } as i}
              <img
                src="https://placehold.co/600x400"
                class="w-16 h-16 rounded object-cover"
                alt=""
              />
            {/each}
          </div>
        </CustomScrollBar>
      </div>
    </div>
  </div>
  <div class="h-full col-start-4 col-span-2">test2</div>
</div>
