InternalLink - check href startsWith + forward props to <a/>

To make it more accessible and allow customization.

components/InternalLink.jsx

@@ -1,17 +1,24 @@
 import React from "react";
 
-const InternalLink = ({ hash, title }) => {
-  const handleLink = (event) => {
-    //manually change hash to trigger hashChange event.
+/*
+InternalLink should be only used to link to fragment urls placed within a Accordion, in the same page.
+`href` props should only contain a fragment prefixed with "link-" (start with "#link-")
+It allows all the same props as <a/> tag. 
+*/
+const InternalLink = ({ href, className = "navlink", ...otherProps }) => {
+  if (!href.startsWith("#link-")) {
+    throw new TypeError(
+      "InternalLink - href must start with #. It should only be used for same-page fragment links."
+    );
+  }
+
+  const handleLink = () => {
+    // manually change hash to trigger hashChange event.
     window.location.hash = "#";
-    window.location.hash = hash;
+    window.location.hash = href;
   };
 
-  return (
-    <a onClick={handleLink} className="navlink">
-      {title}
-    </a>
-  );
+  return <a onClick={handleLink} className={className} href={href} {...otherProps}></a>;
 };
 
 export default InternalLink;