From 1e1c54b1b31ba13df39594b41f1786d651c56c8a Mon Sep 17 00:00:00 2001
From: MellyGray <melinaabril@gmail.com>
Date: Fri, 14 Apr 2023 17:34:29 +0200
Subject: [PATCH] fix(Breadcrumbs): refactor

---
 src/sections/ui/breadcrumb/Breadcrumb.tsx        | 7 ++++++-
 src/sections/ui/tabs/{tab => }/Tab.tsx           | 0
 src/sections/ui/tabs/Tabs.tsx                    | 2 +-
 src/stories/ui/breadcrumb/Breadcrumb.stories.tsx | 7 +++----
 4 files changed, 10 insertions(+), 6 deletions(-)
 rename src/sections/ui/tabs/{tab => }/Tab.tsx (100%)

diff --git a/src/sections/ui/breadcrumb/Breadcrumb.tsx b/src/sections/ui/breadcrumb/Breadcrumb.tsx
index dcf628a40..35126bd44 100644
--- a/src/sections/ui/breadcrumb/Breadcrumb.tsx
+++ b/src/sections/ui/breadcrumb/Breadcrumb.tsx
@@ -1,6 +1,11 @@
 import { Breadcrumb as BreadcrumbBS } from 'react-bootstrap'
 import { PropsWithChildren } from 'react'
+import { BreadcrumbItem } from './BreadcrumbItem'
 
-export function Breadcrumb({ children }: PropsWithChildren) {
+function Breadcrumb({ children }: PropsWithChildren) {
   return <BreadcrumbBS>{children}</BreadcrumbBS>
 }
+
+Breadcrumb.Item = BreadcrumbItem
+
+export { Breadcrumb }
diff --git a/src/sections/ui/tabs/tab/Tab.tsx b/src/sections/ui/tabs/Tab.tsx
similarity index 100%
rename from src/sections/ui/tabs/tab/Tab.tsx
rename to src/sections/ui/tabs/Tab.tsx
diff --git a/src/sections/ui/tabs/Tabs.tsx b/src/sections/ui/tabs/Tabs.tsx
index 7e77b1584..a68a5f96a 100644
--- a/src/sections/ui/tabs/Tabs.tsx
+++ b/src/sections/ui/tabs/Tabs.tsx
@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react'
-import { Tab } from './tab/Tab'
+import { Tab } from './Tab'
 import { Tabs as TabsBS } from 'react-bootstrap'
 
 interface TabsProps {
diff --git a/src/stories/ui/breadcrumb/Breadcrumb.stories.tsx b/src/stories/ui/breadcrumb/Breadcrumb.stories.tsx
index 6e25a27b1..1e025ce39 100644
--- a/src/stories/ui/breadcrumb/Breadcrumb.stories.tsx
+++ b/src/stories/ui/breadcrumb/Breadcrumb.stories.tsx
@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import { Breadcrumb } from '../../../sections/ui/breadcrumb/Breadcrumb'
-import { BreadcrumbItem } from '../../../sections/ui/breadcrumb/BreadcrumbItem'
 
 /**
  * ## Description
@@ -30,9 +29,9 @@ export const Default: Story = {
   render: () => (
     <>
       <Breadcrumb>
-        <BreadcrumbItem href="/link-1">Breadcrumb Item 1</BreadcrumbItem>
-        <BreadcrumbItem href="/link-2">Breadcrumb Item 2</BreadcrumbItem>
-        <BreadcrumbItem active>Breadcrumb Item 3</BreadcrumbItem>
+        <Breadcrumb.Item href="/link-1">Breadcrumb Item 1</Breadcrumb.Item>
+        <Breadcrumb.Item href="/link-2">Breadcrumb Item 2</Breadcrumb.Item>
+        <Breadcrumb.Item active>Breadcrumb Item 3</Breadcrumb.Item>
       </Breadcrumb>
     </>
   )