1import { BenchmarkTable } from "../components/benchmark/table/BenchmarkTable";
2import { BenchmarkData } from "../types";
4interface HomeProps {
5 benchmarkData: BenchmarkData | null;
6}
8function Home({ benchmarkData }: HomeProps) {
9 return (
10 <div>
11 <header style={{ marginBottom: "2rem" }}>
12 <h1
13 style={{
14 fontSize: "2rem",
15 fontWeight: "bold",
16 color: "#333",
17 }}
18 >
19 Integer Compression Benchmark
20 </h1>
21 <p
22 style={{
23 color: "#666",
24 marginTop: "0.5rem",
25 }}
26 >
27 Comparing different integer array compression algorithms and their
28 performance
29 </p>
30 <a
31 href="https://github.com/magland/zia"
32 target="_blank"
33 rel="noopener noreferrer"
34 style={{
35 color: "#0066cc",
36 textDecoration: "none",
37 display: "inline-block",
38 marginTop: "0.5rem",
39 }}
40 >
41 View source on GitHub
42 </a>
43 </header>
44 <main>
45 {benchmarkData && <BenchmarkTable results={benchmarkData.results} />}
46 </main>
47 </div>
48 );
49}
51export default Home;