1 files changed, 20 insertions, 0 deletions

diff --git a/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx b/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx
new file mode 100644
index 0000000..33e5bfd
--- /dev/null
+++ b/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx
@@ -0,0 +1,20 @@
+import { BenchmarkNumberOfModules } from "./PackBenchmarks";
+import { PackDropdown } from "./PackDropdown";
+
+export function PackBenchmarksPicker(props: {
+  setNumberOfModules: (num: BenchmarkNumberOfModules) => void;
+}) {
+  return (
+    <div className="flex items-center gap-3">
+      <a
+        className="dark:text-[#888888]  hover:underline underline-offset-4 text-[#666666] text-sm"
+        href="https://github.com/retrofor/HydroRoll/blob/main/docs/components/pages/pack-home/benchmark-data"
+      >
+        React Components
+      </a>
+      <PackDropdown
+        onOptionSelected={(value) => props.setNumberOfModules(value)}
+      />
+    </div>
+  );
+}