snapshot of https://github.com/excalidraw/excalidraw.git (master, 2026-09-16; blobs > 131072B omitted)

packages/excalidraw/components/dropdownMenu/DropdownMenuItemContent.tsx

@@ -0,0 +1,34 @@
+import { useEditorInterface } from "../App";
+
+import { Ellipsify } from "../Ellipsify";
+
+import type { JSX } from "react";
+
+const MenuItemContent = ({
+  textStyle,
+  icon,
+  shortcut,
+  children,
+  badge,
+}: {
+  icon?: JSX.Element;
+  shortcut?: string;
+  textStyle?: React.CSSProperties;
+  children: React.ReactNode;
+  badge?: React.ReactNode;
+}) => {
+  const editorInterface = useEditorInterface();
+  return (
+    <>
+      {icon && <div className="dropdown-menu-item__icon">{icon}</div>}
+      <div style={textStyle} className="dropdown-menu-item__text">
+        <Ellipsify>{children}</Ellipsify>
+      </div>
+      {badge && <div className="dropdown-menu-item__badge">{badge}</div>}
+      {shortcut && editorInterface.formFactor !== "phone" && (
+        <div className="dropdown-menu-item__shortcut">{shortcut}</div>
+      )}
+    </>
+  );
+};
+export default MenuItemContent;