Merge pull request #396 from deriv-com/pr-3003-add-bottom-content-prop

Fasih/DPROD-3003/Add bottom content prop
deriv-com · Mar 18, 2024 · 394356a · 394356a
2 parents a4fee56 + 54f11cd
commit 394356a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/libs/blocks/src/lib/features/content-slider/content-slider.stories.tsx b/libs/blocks/src/lib/features/content-slider/content-slider.stories.tsx
@@ -93,5 +93,6 @@ export const Default: Story = {
         },
       ],
     },
+    bottomContent: <>Bottom Content</>,
   },
 };
diff --git a/libs/blocks/src/lib/features/content-slider/index.tsx b/libs/blocks/src/lib/features/content-slider/index.tsx
@@ -8,6 +8,7 @@ const ContentSlider = <T extends CardVariantType>({
   description,
   cta: CTA,
   className,
+  bottomContent,
   cardSliderProps,
 }: ContentSliderProps<T>) => {
   return (
@@ -33,6 +34,7 @@ const ContentSlider = <T extends CardVariantType>({
           <CardSlider {...cardSliderProps} />
         }
         {CTA && <CTA />}
+        {bottomContent}
       </FluidContainer>
     </Section>
   );

diff --git a/libs/blocks/src/lib/features/types.ts b/libs/blocks/src/lib/features/types.ts
@@ -40,6 +40,7 @@ export interface FeaturesV4Props extends BlockWrapperProps {
 export interface ContentSliderProps<T extends CardVariantType> {
   title?: ReactNode;
   description?: ReactNode;
+  bottomContent?: ReactNode;
   cta?: () => ReactNode;
   className?: string;
   cardSliderProps?: CardSliderProps<T>;