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 numeric array compression algorithms
28 </p>
29 </header>
30 <main>
31 {benchmarkData && <BenchmarkTable results={benchmarkData.results} />}
32 </main>
33 </div>
34 );
35}
37export default Home;