From f213ec4f090e42131d7118917910e12d9a03db83 Mon Sep 17 00:00:00 2001
From: Avior <github@avior.me>
Date: Sat, 8 Oct 2022 13:21:51 +0200
Subject: [PATCH] feat: add left childrens to navbar

Signed-off-by: Avior <github@avior.me>
---
 src/Navbar/Navbar.module.styl |  4 ++++
 src/Navbar/Navbar.stories.tsx | 10 ++++++++++
 src/Navbar/index.tsx          |  2 ++
 3 files changed, 16 insertions(+)

diff --git a/src/Navbar/Navbar.module.styl b/src/Navbar/Navbar.module.styl
index c0746bb..4c895d8 100644
--- a/src/Navbar/Navbar.module.styl
+++ b/src/Navbar/Navbar.module.styl
@@ -35,3 +35,7 @@ $height = 76px
 	&.shown
 		opacity 1
 		pointer-events initial
+
+
+.header
+	margin-right 16px
diff --git a/src/Navbar/Navbar.stories.tsx b/src/Navbar/Navbar.stories.tsx
index ac8b1e9..b224544 100644
--- a/src/Navbar/Navbar.stories.tsx
+++ b/src/Navbar/Navbar.stories.tsx
@@ -3,6 +3,8 @@ import React from 'react'
 import { Zap, ZapOff } from 'lucide-react'
 import Component from '.'
 import Text from '../Text'
+import Col from '../Col'
+import Row from '../Row'
 
 export default {
 	title: 'DZEIO/Navbar',
@@ -42,4 +44,12 @@ Navbar.args = {
 		name: 'Link',
 		icon: ZapOff
 	}],
+	children: (
+		<Row align='center'>
+			<Col><Text>Test</Text></Col>
+			<Col><Text>Test</Text></Col>
+			<Col><Text>Test</Text></Col>
+			<Col><Text>Test</Text></Col>
+		</Row>
+	)
 }
diff --git a/src/Navbar/index.tsx b/src/Navbar/index.tsx
index 704a1be..3b209dd 100644
--- a/src/Navbar/index.tsx
+++ b/src/Navbar/index.tsx
@@ -52,6 +52,7 @@ interface Props {
 	 * Links to display
 	 */
 	menu: Array<MenuItem>
+	children?: React.ReactNode
 }
 
 interface State {
@@ -124,6 +125,7 @@ export default class Navbar extends React.Component<Props, State> {
 						</Col>
 					)}
 				</Row>
+				{this.props.children}
 				{/* Spacer */}
 				<div style={{flex: 1}}></div>