From 511a86c8a55b6823f8dd80d916a20b49181705a5 Mon Sep 17 00:00:00 2001
From: tulup-conner <conner@tulup.io>
Date: Sat, 21 May 2022 00:09:43 -0700
Subject: [PATCH] fix(component): Remove default export from `Breadcrumb`
 (#150)

`Breadcrumb` is uncallable right now in the standard
convention:

```js
import {Breadcrumb} from "flowbite-react";
```

Since I `export default`'d. This changes that to a
named export so the module can be imported like
above.
---
 src/docs/pages/BreadcrumbPage.tsx                    | 2 +-
 src/lib/components/Breadcrumb/Breadcrumb.spec.tsx    | 2 +-
 src/lib/components/Breadcrumb/Breadcrumb.stories.tsx | 2 +-
 src/lib/components/Breadcrumb/index.tsx              | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/docs/pages/BreadcrumbPage.tsx b/src/docs/pages/BreadcrumbPage.tsx
index af61f6fc1..37a85da12 100644
--- a/src/docs/pages/BreadcrumbPage.tsx
+++ b/src/docs/pages/BreadcrumbPage.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { HiHome } from 'react-icons/hi';
-import Breadcrumb from '../../lib/components/Breadcrumb';
+import { Breadcrumb } from '../../lib';
 
 import { CodeExample, DemoPage } from './DemoPage';
 
diff --git a/src/lib/components/Breadcrumb/Breadcrumb.spec.tsx b/src/lib/components/Breadcrumb/Breadcrumb.spec.tsx
index ef63982c1..9592c1806 100644
--- a/src/lib/components/Breadcrumb/Breadcrumb.spec.tsx
+++ b/src/lib/components/Breadcrumb/Breadcrumb.spec.tsx
@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 import { HiHome } from 'react-icons/hi';
-import Breadcrumb from '.';
+import { Breadcrumb } from '.';
 
 describe('Breadcrumb', () => {
   describe('given an aria-label', () => {
diff --git a/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx b/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx
index 9711c2e76..406427d5a 100644
--- a/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx
+++ b/src/lib/components/Breadcrumb/Breadcrumb.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react/types-6-0';
 import { HiHome } from 'react-icons/hi';
 
-import Breadcrumb from '.';
+import { Breadcrumb } from '.';
 
 export default {
   title: 'Components/Breadcrumb',
diff --git a/src/lib/components/Breadcrumb/index.tsx b/src/lib/components/Breadcrumb/index.tsx
index 613fdf7e2..319acbe03 100644
--- a/src/lib/components/Breadcrumb/index.tsx
+++ b/src/lib/components/Breadcrumb/index.tsx
@@ -10,4 +10,4 @@ const BreadcrumbComponent: FC<ComponentProps<'nav'>> = ({ children, ...rest }):
 };
 
 BreadcrumbComponent.displayName = 'Breadcrumb';
-export default Object.assign(BreadcrumbComponent, { Item: BreadcrumbItem });
+export const Breadcrumb = Object.assign(BreadcrumbComponent, { Item: BreadcrumbItem });