From 925ea8c3ceaaf6ff2f79b8808908a9b144a4fcff Mon Sep 17 00:00:00 2001
From: Jozen Blue Martinez <me@jozen.blue>
Date: Sun, 11 Dec 2022 22:44:50 +0800
Subject: [PATCH] feat(Marquee): Add Marquee component (#63)

---
 src/deck-components/Marquee.tsx | 27 +++++++++++++++++++++++++++
 src/deck-components/index.ts    |  1 +
 2 files changed, 28 insertions(+)
 create mode 100644 src/deck-components/Marquee.tsx

diff --git a/src/deck-components/Marquee.tsx b/src/deck-components/Marquee.tsx
new file mode 100644
index 0000000..60cea03
--- /dev/null
+++ b/src/deck-components/Marquee.tsx
@@ -0,0 +1,27 @@
+import { FC, CSSProperties } from 'react';
+import { findModuleChild } from '../webpack';
+
+export interface MarqueeProps {
+  play?: boolean;
+  direction?: 'left' | 'right';
+  speed?: number;
+  delay?: number;
+  fadeLength?: number;
+  center?: boolean;
+  resetOnPause?: boolean;
+  style?: CSSProperties;
+  className?: string;
+  children: React.ReactNode;
+}
+
+const Marquee: FC<MarqueeProps> = findModuleChild((m) => {
+  if (typeof m !== 'object') return;
+  for (const prop in m) {
+    if (m[prop]?.toString && m[prop].toString().includes('.Marquee') && m[prop].toString().includes('--fade-length')) {
+      return m[prop];
+    }
+  }
+  return;
+});
+
+export default Marquee;
diff --git a/src/deck-components/index.ts b/src/deck-components/index.ts
index 20fa08b..392a440 100755
--- a/src/deck-components/index.ts
+++ b/src/deck-components/index.ts
@@ -7,6 +7,7 @@ export * from './Field';
 export * from './Focusable';
 export * from './FocusRing';
 export * from './FooterLegend';
+export * from './Marquee';
 export * from './Menu';
 export * from './Modal';
 export * from './Panel';