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: "Overview" },
    {tab: "Introduction"},
    {tab: "Integrated Human Practices", subtabs: ["Framework", "Timeline", "Feedback & Implementation", "Conclusion"]},
    {tab: "Further Engagement", subtabs: [ "Education", "Public Engagement", "Entrepreneurship", "Collaborations", "Partnerships"]},
    {tab: "Supplementary Material"},
    // {tab: ""},
  ];