1 files changed, 24 insertions, 0 deletions
diff --git a/packages/excalidraw/components/footer/FooterCenter.tsx b/packages/excalidraw/components/footer/FooterCenter.tsx
new file mode 100644
index 0000000..55a0fb9
--- /dev/null
+++ b/packages/excalidraw/components/footer/FooterCenter.tsx
@@ -0,0 +1,24 @@
+import clsx from "clsx";
+import { useTunnels } from "../../context/tunnels";
+import "./FooterCenter.scss";
+import { useUIAppState } from "../../context/ui-appState";
+
+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";