diff --git a/src/deck-components/FocusRing.ts b/src/deck-components/FocusRing.ts
new file mode 100644
index 0000000..d949eb2
--- /dev/null
+++ b/src/deck-components/FocusRing.ts
@@ -0,0 +1,18 @@
+import { ElementType, FC, ReactNode } from "react";
+import { findModuleChild } from "../webpack";
+
+export interface FocusRingProps {
+    className?: string,
+    rootClassName?: string,
+    render?: ElementType,
+    children?: ReactNode,
+    NavigationManager?: any
+}
+
+export const FocusRing = findModuleChild((m: any) => {
+    if (typeof m !== 'object') return false;
+    for (let prop in m) {
+      if (m[prop]?.toString()?.includes('.GetShowDebugFocusRing())')) return m[prop];
+    }
+    return false;
+}) as FC<FocusRingProps>;
\ No newline at end of file
diff --git a/src/deck-components/index.ts b/src/deck-components/index.ts
index 60d18ec..2eb94af 100755
--- a/src/deck-components/index.ts
+++ b/src/deck-components/index.ts
@@ -4,6 +4,7 @@ export * from './Carousel';
 export * from './Dropdown';
 export * from './Field';
 export * from './Focusable';
+export * from './FocusRing';
 export * from './FooterLegend';
 export * from './Menu';
 export * from './Modal';