import { Section, Subesction } from "../../../components/sections";
import { useTabNavigation } from "../../../utils/TabNavigation";
import { HPCollabs } from "./Collaborations";
import { HPEducation } from "./Education";
import { HPEntrepreneur } from "./Entrepreneurship";
import { HPOutreach } from "./Outreach";
import { HPPartnerships } from "./Partnerships";

export function HPFurtherEngagement(){
    useTabNavigation();
    return(
        <Section title="Further Engagement" id="Further Engagement">
            <Subesction title="Education" id="Further Engagement1">
                <HPEducation/>
            </Subesction>
            <Subesction title="Public Engagement" id="Further Engagement2">
                <HPOutreach/>
            </Subesction>
            <Subesction title="Entrepreneurship" id="Further Engagement3">
                <HPEntrepreneur/>
            </Subesction>
            <Subesction title="Collaborations" id="Further Engagement4">
                <HPCollabs/>
            </Subesction>
            <Subesction title="Partnerships" id="Further Engagement5">
                <HPPartnerships/>
            </Subesction>
        </Section>
    )
}