40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
import Link from "next/link";
|
|
import React, { ReactNode } from "react";
|
|
|
|
import { Image } from "@/components/Image";
|
|
|
|
import Content from "../../../content/advice/coop-advice.mdx";
|
|
|
|
import styles from "./coop.module.css";
|
|
|
|
export default function CoopAdvice() {
|
|
return (
|
|
<Advice>
|
|
<Content />
|
|
</Advice>
|
|
);
|
|
}
|
|
|
|
export function Advice(props: { children: ReactNode }) {
|
|
return (
|
|
<>
|
|
<div className={styles.titleContainer}>
|
|
<h1 className={styles.title}>Waterloo Undergraduate Advice</h1>
|
|
<Image src="/resources/advice/codey.svg" />
|
|
</div>
|
|
<div className={styles.adviceBarContainer}>
|
|
<Link href="/resources/advice/coop">
|
|
<a className={styles.currentAdvice}>Coop Advice</a>
|
|
</Link>
|
|
<Link href="/resources/advice/academic">
|
|
<a>Academic Advice</a>
|
|
</Link>
|
|
<Link href="/resources/advice/misc">
|
|
<a>Additional Resources</a>
|
|
</Link>
|
|
</div>
|
|
<div className={styles.content}>{props.children}</div>
|
|
</>
|
|
);
|
|
}
|