From 12e3a6496904a63ff0c75ce3f66db163ec022b1e Mon Sep 17 00:00:00 2001
From: Pavel Klibani <pavel@techloop.io>
Date: Tue, 24 Sep 2024 15:39:46 +0200
Subject: [PATCH] fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup!
 fixup! Feat(web-react): Introduce Footer component #DS-1368

---
 .../examples/FooterContent.stories.tsx        | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/packages/web-react/docs/stories/examples/FooterContent.stories.tsx b/packages/web-react/docs/stories/examples/FooterContent.stories.tsx
index a49e892773..8ffe23b6ab 100644
--- a/packages/web-react/docs/stories/examples/FooterContent.stories.tsx
+++ b/packages/web-react/docs/stories/examples/FooterContent.stories.tsx
@@ -17,12 +17,13 @@ import { GridColumns } from '../../../src/types';
 export default {
   title: 'Examples/Compositions',
   argTypes: {
-    headlineWithLink: {
+    headingWithLink: {
       control: 'boolean',
+      description: 'Headings displayed as links',
     },
     nestedLinkBlocks: {
       control: 'boolean',
-      description: 'ℹ️ Nested menu in 4th column',
+      description: 'Nested menu in **1st column**',
     },
     numberOfLinkColumns: {
       control: 'select',
@@ -30,39 +31,44 @@ export default {
       table: {
         defaultValue: { summary: 4 },
       },
+      description: 'Number of columns with navigation links',
     },
     showDividers: {
       control: 'boolean',
+      description: 'Show dividers between sections',
     },
     showLanguageSwitch: {
       control: 'boolean',
+      description: 'Show language switch',
     },
-    showLegalNotice: {
+    showSecondaryLinks: {
       control: 'boolean',
+      description: 'Show secondary links',
     },
     showSocialMediaLinks: {
       control: 'boolean',
+      description: 'Show social media buttons',
     },
   },
   args: {
-    headlineWithLink: false,
+    headingWithLink: false,
     nestedLinkBlocks: true,
     numberOfLinkColumns: 4,
     showDividers: true,
     showLanguageSwitch: true,
-    showLegalNotice: true,
+    showSecondaryLinks: true,
     showSocialMediaLinks: true,
   },
 };
 
 export const FooterCompositions = (args) => {
   const {
-    headlineWithLink,
+    headingWithLink,
     nestedLinkBlocks,
     numberOfLinkColumns,
     showDividers,
     showLanguageSwitch,
-    showLegalNotice,
+    showSecondaryLinks,
     showSocialMediaLinks,
   } = args;
 
@@ -75,7 +81,7 @@ export const FooterCompositions = (args) => {
   };
 
   const columnHeading = (text: string) => {
-    return headlineWithLink ? (
+    return headingWithLink ? (
       <Link href="#" className="link-secondary">
         {text}
       </Link>
@@ -280,7 +286,7 @@ export const FooterCompositions = (args) => {
           alignmentX={{ mobile: 'center', desktop: 'stretch' }}
           alignmentY="center"
           spacing="space-900"
-          marginBottom={showDividers || (!showDividers && !showLegalNotice) ? undefined : 'space-900'}
+          marginBottom={showDividers || (!showDividers && !showSecondaryLinks) ? undefined : 'space-900'}
         >
           {/* Product logo */}
           <div className={showSocialMediaLinks || showLanguageSwitch ? 'text-desktop-left' : 'text-center'}>
@@ -337,10 +343,10 @@ export const FooterCompositions = (args) => {
         </Grid>
 
         {/* Divider */}
-        {showDividers && showLegalNotice && <Divider UNSAFE_className="my-900" />}
+        {showDividers && showSecondaryLinks && <Divider UNSAFE_className="my-900" />}
 
         {/* Flex with secondary links */}
-        {showLegalNotice && (
+        {showSecondaryLinks && (
           <nav aria-label="Secondary links">
             <Flex
               elementType="ul"