From f11185e940d1a9bd523ab648dc1a5a27385c7d66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 25 Mar 2020 14:26:31 +0100
Subject: [PATCH] Pagination dots: Add class as a prop

---
 src/molecules/PaginationDots.svelte | 3 ++-
 src/organisms/Carousel.svelte       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/molecules/PaginationDots.svelte b/src/molecules/PaginationDots.svelte
index 39f150a..eb55bdc 100644
--- a/src/molecules/PaginationDots.svelte
+++ b/src/molecules/PaginationDots.svelte
@@ -3,11 +3,12 @@
     const dispatch = createEventDispatcher()
 
     // Props
+    export let className = ''
     export let photos
     export let currentIndex
 </script>
 
-<ol class="carousel__dots">
+<ol class={className}>
     {#each photos as dot, index}
     <li
         class:active={index === currentIndex}
diff --git a/src/organisms/Carousel.svelte b/src/organisms/Carousel.svelte
index 98ec575..c673a53 100644
--- a/src/organisms/Carousel.svelte
+++ b/src/organisms/Carousel.svelte
@@ -203,7 +203,7 @@
         </div>
     </div>
 
-    <PaginationDots {photos} {currentIndex}
+    <PaginationDots className="carousel__dots" {photos} {currentIndex}
         on:goToIndex={event => currentIndex = event.detail.index}
     />
 </div>