1 files changed, 26 insertions, 0 deletions
diff --git a/packages/excalidraw/components/FixedSideContainer.tsx b/packages/excalidraw/components/FixedSideContainer.tsx
new file mode 100644
index 0000000..76aee99
--- /dev/null
+++ b/packages/excalidraw/components/FixedSideContainer.tsx
@@ -0,0 +1,26 @@
+import "./FixedSideContainer.scss";
+
+import React from "react";
+import clsx from "clsx";
+
+type FixedSideContainerProps = {
+  children: React.ReactNode;
+  side: "top" | "left" | "right";
+  className?: string;
+};
+
+export const FixedSideContainer = ({
+  children,
+  side,
+  className,
+}: FixedSideContainerProps) => (
+  <div
+    className={clsx(
+      "FixedSideContainer",
+      `FixedSideContainer_side_${side}`,
+      className,
+    )}
+  >
+    {children}
+  </div>
+);