From f2f49de86bdb603e943415f24e9789e0fced0897 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Mon, 24 Mar 2025 13:25:15 +0800
Subject: [PATCH] feat: update Autoplay settings in Banner component to stop on
 mouse enter

---
 app/layouts/news/banner.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/layouts/news/banner.tsx b/app/layouts/news/banner.tsx
index cedad42..0f39083 100644
--- a/app/layouts/news/banner.tsx
+++ b/app/layouts/news/banner.tsx
@@ -11,6 +11,7 @@ export const Banner = () => {
   const [emblaReference] = useEmblaCarousel({ loop: true }, [
     Autoplay({
       stopOnInteraction: false,
+      stopOnMouseEnter: true,
     }),
   ])
   const fetcher = useFetcher()