import { GetStaticProps } from "next"; import { MDXRemote, MDXRemoteSerializeResult } from "next-mdx-remote"; import React from "react"; import { Bubble } from "@/components/Bubble"; import { DefaultLayout } from "@/components/DefaultLayout"; import { Image } from "@/components/Image"; import { Link } from "@/components/Link"; import { TeamMember } from "@/components/TeamMember"; import { TeamMemberCard } from "@/components/TeamMemberCard"; import { Title } from "@/components/Title"; import { getExec, getExecNamePosPairs, Metadata, getMemberImagePath, } from "@/lib/team"; import designData from "../../content/team/design-team.json"; import discordData from "../../content/team/discord-team.json"; import eventsData from "../../content/team/events-team.json"; import externalData from "../../content/team/external-affairs-team.json"; import marketingData from "../../content/team/marketing-team.json"; import photographyData from "../../content/team/photography-team.json"; import repsData from "../../content/team/representative-team.json"; import systemsData from "../../content/team/systems-committee.json"; import terminalData from "../../content/team/terminal-committee.json"; import webData from "../../content/team/web-committee.json"; import styles from "./team.module.css"; interface SerializedExec { content: MDXRemoteSerializeResult; metadata: Metadata; } interface Props { execs: SerializedExec[]; design: Metadata[]; discord: Metadata[]; events: Metadata[]; external: Metadata[]; marketing: Metadata[]; photography: Metadata[]; reps: Metadata[]; website: Metadata[]; systems: Metadata[]; terminal: Metadata[]; } export default function Team({ execs, design, discord, events, external, marketing, photography, reps, website, systems, terminal, }: Props) { const teams = [ { id: "design", name: "Design Team", members: design, }, { id: "discord", name: "Discord Team", members: discord, }, { id: "events", name: "Events Team", members: events, }, { id: "external", name: "External Affairs Team", members: external, }, { id: "marketing", name: "Marketing Team", members: marketing, }, { id: "photography", name: "Photography Team", members: photography, }, { id: "reps", name: "Class Representatives", members: reps, }, { id: "website", name: "Website Committee", members: website, }, { id: "system", name: "Systems Committee", members: systems, }, { id: "terminal", name: "Terminal Committee", members: terminal, }, ]; return ( <>