From b5dfe1e34a6a8b14bddc2af1c531b1550b6148ee Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 8 Jul 2023 22:14:13 +0200
Subject: [PATCH] Created the LinkItem.jsx

---
 .../Navigation/components/LinkItem/LinkItem.jsx      | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 src/common/components/Navigation/components/LinkItem/LinkItem.jsx

diff --git a/src/common/components/Navigation/components/LinkItem/LinkItem.jsx b/src/common/components/Navigation/components/LinkItem/LinkItem.jsx
new file mode 100644
index 0000000..f321352
--- /dev/null
+++ b/src/common/components/Navigation/components/LinkItem/LinkItem.jsx
@@ -0,0 +1,12 @@
+import {Link, Typography} from "@mui/material";
+
+export const LinkItem = ({route, onClick}) => {
+    return (
+        <Link underline="none" sx={{cursor: "pointer"}} onClick={onClick}>
+            <Typography variant="h5" sx={{mx: 2}} fontWeight={600}
+                        color={route.path === window.location.pathname ? "primary.main" : "text.primary"}>
+                {route.name}
+            </Typography>
+        </Link>
+    )
+}
\ No newline at end of file