From 4085732d39b50fe06a0dc2c39f67b3ae5a7abf5d Mon Sep 17 00:00:00 2001
From: Gigiaj <gigiaboone@yahoo.com>
Date: Tue, 17 Jun 2025 13:11:04 -0500
Subject: [PATCH] still trying to find a place for this to live

---
 .../room/message/MobileContextMenu.tsx        | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/app/features/room/message/MobileContextMenu.tsx

diff --git a/src/app/features/room/message/MobileContextMenu.tsx b/src/app/features/room/message/MobileContextMenu.tsx
new file mode 100644
index 00000000..3711b72c
--- /dev/null
+++ b/src/app/features/room/message/MobileContextMenu.tsx
@@ -0,0 +1,32 @@
+import classNames from 'classnames';
+import React from 'react';
+import * as css from './styles.css';
+
+export function BottomSheetMenu({
+  isOpen,
+  onClose,
+  children,
+}: {
+  isOpen: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      style={{ position: 'fixed', inset: 0, zIndex: 1000, pointerEvents: isOpen ? 'auto' : 'none' }}
+    >
+      <div
+        className={classNames(css.menuBackdrop, { [css.menuBackdropOpen]: isOpen })}
+        onClick={onClose}
+        aria-hidden="true"
+      />
+      <div
+        className={classNames(css.menuSheet, { [css.menuSheetOpen]: isOpen })}
+        role="dialog"
+        aria-modal="true"
+      >
+        {children}
+      </div>
+    </div>
+  );
+}