From 6ec259a0e71174651bae95d4628138bf6fd68742 Mon Sep 17 00:00:00 2001
From: kj_sh604
Date: Sun, 15 Mar 2026 16:19:35 -0400
Subject: refactor: packages/

---
 packages/excalidraw/components/RadioGroup.tsx | 45 +++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 packages/excalidraw/components/RadioGroup.tsx

(limited to 'packages/excalidraw/components/RadioGroup.tsx')

diff --git a/packages/excalidraw/components/RadioGroup.tsx b/packages/excalidraw/components/RadioGroup.tsx
new file mode 100644
index 0000000..64d4d58
--- /dev/null
+++ b/packages/excalidraw/components/RadioGroup.tsx
@@ -0,0 +1,45 @@
+import clsx from "clsx";
+import "./RadioGroup.scss";
+
+export type RadioGroupChoice<T> = {
+  value: T;
+  label: React.ReactNode;
+  ariaLabel?: string;
+};
+
+export type RadioGroupProps<T> = {
+  choices: RadioGroupChoice<T>[];
+  value: T;
+  onChange: (value: T) => void;
+  name: string;
+};
+
+export const RadioGroup = function <T>({
+  onChange,
+  value,
+  choices,
+  name,
+}: RadioGroupProps<T>) {
+  return (
+    <div className="RadioGroup">
+      {choices.map((choice) => (
+        <div
+          className={clsx("RadioGroup__choice", {
+            active: choice.value === value,
+          })}
+          key={String(choice.value)}
+          title={choice.ariaLabel}
+        >
+          <input
+            name={name}
+            type="radio"
+            checked={choice.value === value}
+            onChange={() => onChange(choice.value)}
+            aria-label={choice.ariaLabel}
+          />
+          {choice.label}
+        </div>
+      ))}
+    </div>
+  );
+};
-- 
cgit v1.2.3

