HP sidebar

src/sidebars/hpS.tsx

+import { createSidebar } from "../utils/createSidebar";
 
 
 
 export function HpSidebar(){
-
-
+    let sidebar = createSidebar(tabs); 
     return(
         <div className="col-2 d-none d-lg-block">
-          
+           {sidebar}
         </div>
     )
 }
 
+const tabs = [
+    { tab: "Abstract" },
+    { tab: "Cystic Fibrosis", subtabs: ["Overview", "The CFTR Protein", "ΔF508", "Symptoms", "Diagnosis", "Treatment"]},
+    {tab: "Our Motivation"},
+    {tab: "Approach"},
+    {tab: "Delivery"},
+    {tab: "Our Vision"},
+    {tab: "References"}
+  ];
\ No newline at end of file