1 files changed, 32 insertions, 0 deletions
diff --git a/src/components/RepositoryNavbar.vue b/src/components/RepositoryNavbar.vue
new file mode 100644
index 0000000..a1e1002
--- /dev/null
+++ b/src/components/RepositoryNavbar.vue
@@ -0,0 +1,32 @@
+<template>
+	<div id="navbar" class="row mx-0">
+		<div id="repo-navbar" class="col ms-4 ps-4">
+			<nav class="navbar navbar-expand navbar-dark">
+				<div class="container-fluid px-0">
+					<div class="collapse navbar-collapse">
+						<ul class="navbar-nav">
+							<li v-for="(item, index) in nav_items" v-bind:key="index" class="nav-item">
+								<a class="nav-link fs-4" :class="{ active: activePage === item }" :aria-current="(activePage === item) ? 'page' : ''" :href="item">{{ item }}</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: "RepositoryNavbar",
+	props: {
+		activePage: String
+	},
+	data()
+	{
+		return {
+			nav_items: ["log", "refs", "tree"]
+		};
+	}
+}
+</script>
+\ No newline at end of file