From 6a8506278da1ee23a32a8787206e4b9e349966c0 Mon Sep 17 00:00:00 2001
From: Manzura Zakirova <manzuraz@amazon.com>
Date: Tue, 10 Sep 2024 08:07:14 -0700
Subject: [PATCH] chore: renamed itemsHeader to itemsControl

---
 pages/side-navigation/app-layout.page.tsx | 4 ++--
 src/side-navigation/interfaces.tsx        | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/side-navigation/app-layout.page.tsx b/pages/side-navigation/app-layout.page.tsx
index 6a16de83f3..b7d1209198 100644
--- a/pages/side-navigation/app-layout.page.tsx
+++ b/pages/side-navigation/app-layout.page.tsx
@@ -103,7 +103,7 @@ const items: SideNavigationProps.Item[] = [
   { type: 'link', text: 'Documentation', href: '#', external: true, externalIconAriaLabel: 'Opens in a new tab' },
 ];
 
-const itemsHeader = (
+const itemsControl = (
   <Select
     options={[
       { value: 'option1', label: 'Option 1' },
@@ -137,7 +137,7 @@ export default function SideNavigationPage() {
             },
           }}
           items={items}
-          itemsHeader={itemsHeader}
+          itemsControl={itemsControl}
         />
       }
       content={
diff --git a/src/side-navigation/interfaces.tsx b/src/side-navigation/interfaces.tsx
index 7839a181e7..b1ac48a97e 100644
--- a/src/side-navigation/interfaces.tsx
+++ b/src/side-navigation/interfaces.tsx
@@ -17,10 +17,10 @@ export interface SideNavigationProps extends BaseComponentProps {
   header?: SideNavigationProps.Header;
 
   /**
-   * Slot to insert a component below the header and above the items.
-   * Using existing Cloudscape component is recommended.
+   * The region below the header and above the items to control filtering of menu items
+   * Use existing Cloudscape components such as Select or MultiSelect.
    **/
-  itemsHeader?: React.ReactNode;
+  itemsControl?: React.ReactNode;
 
   /**
    * Specifies the `href` of the currently active link.