1 files changed, 23 insertions, 0 deletions
diff --git a/packages/excalidraw/components/Island.tsx b/packages/excalidraw/components/Island.tsx
new file mode 100644
index 0000000..7baf307
--- /dev/null
+++ b/packages/excalidraw/components/Island.tsx
@@ -0,0 +1,23 @@
+import "./Island.scss";
+
+import React from "react";
+import clsx from "clsx";
+
+type IslandProps = {
+  children: React.ReactNode;
+  padding?: number;
+  className?: string | boolean;
+  style?: object;
+};
+
+export const Island = React.forwardRef<HTMLDivElement, IslandProps>(
+  ({ children, padding, className, style }, ref) => (
+    <div
+      className={clsx("Island", className)}
+      style={{ "--padding": padding, ...style }}
+      ref={ref}
+    >
+      {children}
+    </div>
+  ),
+);