import { BenchmarkTable } from "../components/benchmark/table/BenchmarkTable";
import { BenchmarkData } from "../types";

interface HomeProps {
  benchmarkData: BenchmarkData | null;
}

function Home({ benchmarkData }: HomeProps) {
  return (
    <div>
      <header style={{ marginBottom: "2rem" }}>
        <h1
          style={{
            fontSize: "2rem",
            fontWeight: "bold",
            color: "#333",
          }}
        >
          Integer Compression Benchmark
        </h1>
        <p
          style={{
            color: "#666",
            marginTop: "0.5rem",
          }}
        >
          Comparing different integer array compression algorithms and their
          performance
        </p>
        <a
          href="https://github.com/magland/zia"
          target="_blank"
          rel="noopener noreferrer"
          style={{
            color: "#0066cc",
            textDecoration: "none",
            display: "inline-block",
            marginTop: "0.5rem",
          }}
        >
          View source on GitHub
        </a>
      </header>
      <main>
        {benchmarkData && <BenchmarkTable results={benchmarkData.results} />}
      </main>
    </div>
  );
}

export default Home;