first commit

src/widgets/navbar/ui/SubMenuLink.tsx

@@ -0,0 +1,24 @@
+import { MenuItem } from '../lib/model';
+
+const SubMenuLink = ({ item }: { item: MenuItem }) => {
+  return (
+    <a
+      className="flex flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-accent-foreground"
+      href={item.url}
+    >
+      <div className="text-foreground">
+        {item.icon && <item.icon className="size-5 shrink-0" />}
+      </div>
+      <div>
+        <div className="text-sm font-semibold">{item.title}</div>
+        {item.description && (
+          <p className="text-sm leading-snug text-muted-foreground">
+            {item.description}
+          </p>
+        )}
+      </div>
+    </a>
+  );
+};
+
+export default SubMenuLink;