cs-2022-class-profile/pages/playground.tsx

import { mockLineGraphlData } from "data/mocks";
import React from "react";

import LineGraph from "@/components/LineGraph";

export default function Home() {
  return (
    <>
      <h1>Playground</h1>
      <p>Show off your components here!</p>
      <h2>
        <code>{"<LineGraph />"}</code>
      </h2>
      <LineGraph
        // className={styles.barGraphDemo}
        data={mockLineGraphlData}
        width={700}
        height={300}
        margin={{
          top: 20,
          bottom: 40,
          left: 50,
          right: 20,
        }}
      />
    </>
  );
}