Improve breadcrumb component (#667)

Author: nowyDEV

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "9.0.1",
+  "version": "9.1.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package.json

@@ -44,8 +44,8 @@ export const Default: StoryObj = {
 export const CustomComponent: StoryObj = {
   render: () => (
     <Breadcrumbs
-      renderCustom={({ to }) => (
-        <Button as="a" linkTo={to}>
+      renderCustom={({ breadcrumb }) => (
+        <Button as="a" linkTo={breadcrumb.uri}>
           test123
         </Button>
       )}

src/components/breadcrumbs/Breadcrumbs.stories.tsx

@@ -18,9 +18,8 @@ export type BreadcrumbsListProps = {
   >;
   renderCustom?: (
     props: React.PropsWithChildren<{
-      to: string;
-      isDisabled?: boolean;
       css: FlattenSimpleInterpolation;
+      breadcrumb: BreadcrumbsList;
     }>
   ) => React.ReactNode;
 };
@@ -33,9 +32,8 @@ export function Breadcrumbs({ list, renderCustom }: BreadcrumbsListProps) {
           <li key={breadcrumb.label}>
             {renderCustom ? (
               renderCustom({
-                isDisabled: breadcrumb.isDisabled,
                 css: aStyles,
-                to: breadcrumb.uri,
+                breadcrumb,
               })
             ) : (
               <StyledLink