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

packages/excalidraw/components/footer/FooterCenter.tsx

@@ -0,0 +1,26 @@
+import clsx from "clsx";
+
+import { useTunnels } from "../../context/tunnels";
+import { useUIAppState } from "../../context/ui-appState";
+
+import "./FooterCenter.scss";
+
+const FooterCenter = ({ children }: { children?: React.ReactNode }) => {
+  const { FooterCenterTunnel } = useTunnels();
+  const appState = useUIAppState();
+  return (
+    <FooterCenterTunnel.In>
+      <div
+        className={clsx("footer-center zen-mode-transition", {
+          "layer-ui__wrapper__footer-left--transition-bottom":
+            appState.zenModeEnabled,
+        })}
+      >
+        {children}
+      </div>
+    </FooterCenterTunnel.In>
+  );
+};
+
+export default FooterCenter;
+FooterCenter.displayName = "FooterCenter";