Menu drag

2020-12-21 16:52:02 -06:00
parent 3c449aba53
commit c95691e227
4 changed files with 72 additions and 21 deletions
@@ -39,20 +39,25 @@ const CurrentPage = ({ page }) => {
  );
 };

+const MenuItem = ({ children }) => (
+  <li>
+    <a
+      href="#"
+      className="text-gray-800 hover:text-gray-400 block px-4 py-2 rounded-md text-base font-medium"
+    >
+      {children}
+    </a>
+  </li>
+);
 const MenuContent = () => (
  <>
    <div className="p-4">
      <h2 className="text-xl select-none">Menu</h2>
    </div>
    <ul>
-      <li>
-        <a
-          href="#"
-          className="text-gray-800 hover:text-gray-400 block px-4 py-2 rounded-md text-base font-medium"
-        >
-          Calendar
-        </a>
-      </li>
+      <MenuItem>Home</MenuItem>
+      <MenuItem>Profile</MenuItem>
+      <MenuItem>Settings</MenuItem>
    </ul>
  </>
 );