Simple nav menu component

daily-thought-frontend/src/components/navigation/NavMenuItem.tsx

+import { FC, PropsWithChildren } from 'react';
+import styles from '../../styles/NavMenuItem.module.css'
+
+type NavMenuItemProps = {
+  label: string;
+  icon: any;
+}
+
+const NavMenuItem:FC<PropsWithChildren<NavMenuItemProps>> = ({
+  label,
+  icon
+}) => {
+
+  return (
+    <div className={styles.menuItem}>
+      {icon}
+      <p className={styles.label}>{label}</p>
+    </div>
+  )
+}
+
+export default NavMenuItem;
\ No newline at end of file

daily-thought-frontend/src/styles/NavMenuItem.module.css

+.menuItem {
+  margin: 8px 0px;;
+  padding: 16px 24px;
+  /* color:rgb(100 116 139); */
+
+  border-radius: 32px;
+  border: 1px solid rgb(226 232 240);
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+}
+
+.label {
+  margin-left: 8px;
+}
\ No newline at end of file