chore: add a breadcrumb component

1 files changed, 13 insertions, 1 deletions

diff --git a/src/components/Layouts/Layout.tsx b/src/components/Layouts/Layout.tsx
index 7f8ab9d..8c5570f 100644
--- a/src/components/Layouts/Layout.tsx
+++ b/src/components/Layouts/Layout.tsx
@@ -1,7 +1,8 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import Footer from '@components/Footer/Footer';
 import Header from '@components/Header/Header';
 import Main from '@components/Main/Main';
+import Breadcrumb from '@components/Breadcrumb/Breadcrumb';
 
 const Layout = ({
   children,
@@ -19,4 +20,15 @@ const Layout = ({
   );
 };
 
+export const getLayout = (page: ReactElement) => {
+  const pageTitle: string = page.props.breadcrumbTitle;
+
+  return (
+    <Layout>
+      <Breadcrumb pageTitle={pageTitle} />
+      {page}
+    </Layout>
+  );
+};
+
 export default Layout;