From 9f57d453e962eecf3935a339a6cfb54ff2080b25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Connor=20B=C3=A4r?= <connor-baer@users.noreply.github.com>
Date: Wed, 17 Jan 2024 15:21:11 +0000
Subject: [PATCH] Address deprecations in the Carousel component (#2391)

---
 .changeset/pretty-buttons-fold.md                  |  5 +++++
 .../circuit-ui/components/Carousel/Carousel.tsx    | 14 ++++++--------
 2 files changed, 11 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/pretty-buttons-fold.md

diff --git a/.changeset/pretty-buttons-fold.md b/.changeset/pretty-buttons-fold.md
new file mode 100644
index 0000000000..c23b5f675e
--- /dev/null
+++ b/.changeset/pretty-buttons-fold.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Resolved deprecation warnings in the Carousel component.
diff --git a/packages/circuit-ui/components/Carousel/Carousel.tsx b/packages/circuit-ui/components/Carousel/Carousel.tsx
index 57059d4509..cf70db73ef 100644
--- a/packages/circuit-ui/components/Carousel/Carousel.tsx
+++ b/packages/circuit-ui/components/Carousel/Carousel.tsx
@@ -204,14 +204,12 @@ export function Carousel({
                 >
                   {state.paused ? playButtonLabel : pauseButtonLabel}
                 </PlayButton>
-                <PrevButton
-                  label={prevButtonLabel}
-                  {...getPreviousControlProps()}
-                />
-                <NextButton
-                  label={nextButtonLabel}
-                  {...getNextControlProps()}
-                />
+                <PrevButton {...getPreviousControlProps()}>
+                  {prevButtonLabel}
+                </PrevButton>
+                <NextButton {...getNextControlProps()}>
+                  {nextButtonLabel}
+                </NextButton>
               </ButtonList>
             </Controls>
           )}