From 7e49682b35b622766e664f157466f8fdb4dda989 Mon Sep 17 00:00:00 2001
From: Natalie Pina <34781875+nataliepina@users.noreply.github.com>
Date: Tue, 26 Sep 2023 09:05:49 -0500
Subject: [PATCH] docs: access to all product icons for breadcrumb (#1014)

---
 packages/breadcrumb/stories/Breadcrumb.stories.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/breadcrumb/stories/Breadcrumb.stories.tsx b/packages/breadcrumb/stories/Breadcrumb.stories.tsx
index 4c886ad07..638df7910 100644
--- a/packages/breadcrumb/stories/Breadcrumb.stories.tsx
+++ b/packages/breadcrumb/stories/Breadcrumb.stories.tsx
@@ -5,17 +5,25 @@ import { action } from "@storybook/addon-actions";
 import { ProductIcons } from "../../icons/dist/product-icons-enum";
 import { BreadcrumbProps } from "../components/Breadcrumb";
 
+// Filter out "Inverse" product icons for this story
+const filteredProductIcons = Object.keys(ProductIcons)
+  .filter(key => !key.includes("Inverse"))
+  .reduce((obj, key) => {
+    obj[key] = ProductIcons[key];
+    return obj;
+  }, {});
+
 export default {
   title: "Navigation/Breadcrumb",
   component: BreadcrumbItem,
   subcomponents: { Breadcrumb },
   argTypes: {
     icon: {
-      options: [ProductIcons.Gear, ProductIcons.Cluster, ProductIcons.Users],
-      type: "select"
+      options: Object.keys(filteredProductIcons),
+      mapping: filteredProductIcons
     }
   }
-};
+} as Meta;
 
 const Template: StoryFn<BreadcrumbProps> = args => (
   <Breadcrumb>