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

app/react/components/buttons/ButtonGroup.tsx

@@ -0,0 +1,31 @@
+import { PropsWithChildren } from 'react';
+import clsx from 'clsx';
+
+export type Size = 'xsmall' | 'small' | 'large';
+export interface Props {
+  size?: Size;
+  className?: string;
+}
+
+export function ButtonGroup({
+  size = 'small',
+  children,
+  className,
+}: PropsWithChildren<Props>) {
+  return (
+    <div className={clsx('btn-group', sizeClass(size), className)} role="group">
+      {children}
+    </div>
+  );
+}
+
+function sizeClass(size: Size | undefined) {
+  switch (size) {
+    case 'xsmall':
+      return 'btn-group-xs';
+    case 'large':
+      return 'btn-group-lg';
+    default:
+      return '';
+  }
+}