From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001
From: HsiangNianian <admin@jyunko.cn>
Date: Sat, 22 Apr 2023 19:52:26 +0800
Subject: 😀
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/pack-home/DocsBenchmarksGraph.tsx        | 31 ++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 docs/components/pages/pack-home/DocsBenchmarksGraph.tsx

(limited to 'docs/components/pages/pack-home/DocsBenchmarksGraph.tsx')

diff --git a/docs/components/pages/pack-home/DocsBenchmarksGraph.tsx b/docs/components/pages/pack-home/DocsBenchmarksGraph.tsx
new file mode 100644
index 0000000..7fb9d55
--- /dev/null
+++ b/docs/components/pages/pack-home/DocsBenchmarksGraph.tsx
@@ -0,0 +1,31 @@
+import { useState } from "react";
+import {
+  BenchmarkBar,
+  BenchmarkCategory,
+  BenchmarkNumberOfModules,
+} from "./PackBenchmarks";
+import { BenchmarksGraph } from "./PackBenchmarksGraph";
+import { PackBenchmarksPicker } from "./PackBenchmarksPicker";
+
+export function DocsBenchmarksGraph(props: {
+  bars: BenchmarkBar[];
+  category: BenchmarkCategory;
+}) {
+  const [numberOfModules, setNumberOfModules] =
+    useState<BenchmarkNumberOfModules>("1000");
+  return (
+    <div className="my-10">
+      <BenchmarksGraph
+        bars={props.bars}
+        category={props.category}
+        numberOfModules={numberOfModules}
+        pinTime
+      />
+      <div className="flex justify-center mt-6">
+        <PackBenchmarksPicker
+          setNumberOfModules={setNumberOfModules}
+        ></PackBenchmarksPicker>
+      </div>
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2