refactor(app): move react components to react codebase [EE-3179] (#6971)

app/react/components/BoxSelector/BoxSelector.tsx

@@ -0,0 +1,36 @@
+import clsx from 'clsx';
+
+import './BoxSelector.css';
+import styles from './BoxSelector.module.css';
+import { BoxSelectorItem } from './BoxSelectorItem';
+import { BoxSelectorOption } from './types';
+
+export interface Props<T extends number | string> {
+  radioName: string;
+  value: T;
+  onChange(value: T, limitedToBE: boolean): void;
+  options: BoxSelectorOption<T>[];
+}
+
+export function BoxSelector<T extends number | string>({
+  radioName,
+  value,
+  options,
+  onChange,
+}: Props<T>) {
+  return (
+    <div className={clsx('boxselector_wrapper', styles.root)} role="radiogroup">
+      {options.map((option) => (
+        <BoxSelectorItem
+          key={option.id}
+          radioName={radioName}
+          option={option}
+          onChange={onChange}
+          selectedValue={value}
+          disabled={option.disabled && option.disabled()}
+          tooltip={option.tooltip && option.tooltip()}
+        />
+      ))}
+    </div>
+  );
+}