From c586afb97d59928ecb703b5a254ed1b9405e2c7e Mon Sep 17 00:00:00 2001
From: Jozen Blue Martinez <me@jozen.blue>
Date: Sun, 11 Dec 2022 23:07:31 +0800
Subject: [PATCH] feat(ControlsList): Add ControlsList component (#61)

* feat(ControlsList): Add ControlsList component

* fix(ControlsList): replace default export with named export
---
 src/deck-components/ControlsList.tsx | 17 +++++++++++++++++
 src/deck-components/index.ts         |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 src/deck-components/ControlsList.tsx

diff --git a/src/deck-components/ControlsList.tsx b/src/deck-components/ControlsList.tsx
new file mode 100644
index 0000000..8c974f4
--- /dev/null
+++ b/src/deck-components/ControlsList.tsx
@@ -0,0 +1,17 @@
+import { findModuleChild } from '../webpack';
+import { FC } from 'react';
+
+export interface ControlsListProps {
+  alignItems?: 'left' | 'right' | 'center';
+  spacing?: 'standard' | 'extra';
+}
+
+export const ControlsList: FC<ControlsListProps> = findModuleChild((m) => {
+  if (typeof m !== 'object') return;
+  for (const prop in m) {
+    if (m[prop]?.toString && m[prop].toString().includes('().ControlsListChild') && m[prop].toString().includes('().ControlsListOuterPanel')) {
+      return m[prop];
+    }
+  }
+  return;
+});
diff --git a/src/deck-components/index.ts b/src/deck-components/index.ts
index 392a440..3bb96c3 100755
--- a/src/deck-components/index.ts
+++ b/src/deck-components/index.ts
@@ -1,6 +1,7 @@
 export * from './Button';
 export * from './ButtonItem';
 export * from './Carousel';
+export * from './ControlsList';
 export * from './Dialog';
 export * from './Dropdown';
 export * from './Field';