Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx

@@ -0,0 +1,28 @@
+import { IconX } from '@/ui/display/icon';
+import { IconButton } from '@/ui/input/button/components/IconButton';
+
+import {
+  StyledContainer,
+  StyledDialog,
+  StyledHeading,
+} from './KeyboardShortcutMenuStyles';
+
+type KeyboardMenuDialogProps = {
+  onClose: () => void;
+  children: React.ReactNode | React.ReactNode[];
+};
+
+export const KeyboardMenuDialog = ({
+  onClose,
+  children,
+}: KeyboardMenuDialogProps) => {
+  return (
+    <StyledDialog>
+      <StyledHeading>
+        Keyboard shortcuts
+        <IconButton variant="tertiary" Icon={IconX} onClick={onClose} />
+      </StyledHeading>
+      <StyledContainer>{children}</StyledContainer>
+    </StyledDialog>
+  );
+};