From df16a43b39af4c420757c87e8a985aac6a9d19a3 Mon Sep 17 00:00:00 2001
From: Muhammad Ali <nerdjfpb@gmail.com>
Date: Fri, 24 Jun 2022 00:01:19 +0600
Subject: [PATCH] Add crossfade to Carousel

---
 src/Carousel.js              | 2 +-
 stories/Carousel.stories.js  | 2 --
 stories/examples/Carousel.js | 3 ++-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/Carousel.js b/src/Carousel.js
index 377e9d22e..f2d390129 100644
--- a/src/Carousel.js
+++ b/src/Carousel.js
@@ -171,7 +171,7 @@ class Carousel extends React.Component {
     const outerClasses = mapToCssModules(classNames(
       className,
       'carousel',
-      'carousel-fade' && fade,
+      fade && 'carousel-fade',
       slide && 'slide',
       dark && 'carousel-dark'
     ), cssModule);
diff --git a/stories/Carousel.stories.js b/stories/Carousel.stories.js
index e72f80758..89c5978cb 100644
--- a/stories/Carousel.stories.js
+++ b/stories/Carousel.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default {
   title: 'Components/Carousel',
   parameters: {
diff --git a/stories/examples/Carousel.js b/stories/examples/Carousel.js
index f26ed8741..96daed7b7 100644
--- a/stories/examples/Carousel.js
+++ b/stories/examples/Carousel.js
@@ -79,7 +79,8 @@ const Example = (args) => {
 
 Example.args = {
   dark: false,
-  slide: true
+  slide: true,
+  fade: false
 };
 
 export default Example;