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

packages/excalidraw/components/PenModeButton.tsx

@@ -0,0 +1,30 @@
+import clsx from "clsx";
+
+import { IconButton } from "./IconButton";
+import { PenModeIcon } from "./icons";
+
+type PenModeButtonProps = {
+  title?: string;
+  checked: boolean;
+  onChange?(): void;
+  isMobile?: boolean;
+  penDetected: boolean;
+};
+
+export const PenModeButton = (props: PenModeButtonProps) => {
+  if (!props.penDetected) {
+    return null;
+  }
+
+  return (
+    <IconButton
+      className={clsx("ToolIcon__penMode", { "is-mobile": props.isMobile })}
+      type="toggle"
+      icon={PenModeIcon}
+      checked={props.checked}
+      title={`${props.title}`}
+      aria-label={`${props.title}`}
+      onSelect={() => props.onChange?.()}
+    />
+  );
+};