diff --git a/src/core/client/stream/components/Permalink/PermalinkPopover.tsx b/src/core/client/stream/components/Permalink/PermalinkPopover.tsx
new file mode 100644
index 000000000..53f535e3b
--- /dev/null
+++ b/src/core/client/stream/components/Permalink/PermalinkPopover.tsx
@@ -0,0 +1,9 @@
+import { Manager, Popper, Reference } from "react-popper";
+
+import Popover from "./Popover";
+
+const PermalinkPopover = ({ id, show, style }) => (
+
+ Copy
+
+);
diff --git a/src/core/client/stream/components/Permalink/PermalinkShareButton.tsx b/src/core/client/stream/components/Permalink/PermalinkShareButton.tsx
new file mode 100644
index 000000000..7db563182
--- /dev/null
+++ b/src/core/client/stream/components/Permalink/PermalinkShareButton.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import ToggleShow from "./ToggleShow";
+
+const PermalinkShareButton = () => (
+
+ {({ toggleShow, show }) => (
+
+
+ {({ ref }) => (
+
+ )}
+
+
+ {({ ref, style, placement, arrowProps }) => (
+
+ )}
+
+
+ )}
+
+);
+
+export default PermalinkShareButton;
diff --git a/src/core/client/stream/components/Permalink/Popover.tsx b/src/core/client/stream/components/Permalink/Popover.tsx
new file mode 100644
index 000000000..f2c275525
--- /dev/null
+++ b/src/core/client/stream/components/Permalink/Popover.tsx
@@ -0,0 +1,9 @@
+const Popover = ({
+ id,
+ style,
+ children,
+ visible,
+ onClose,
+ firstFocusable,
+ lastFocusable,
+}) =>
{children}
;
diff --git a/src/core/client/stream/components/Permalink/ToggleShow.tsx b/src/core/client/stream/components/Permalink/ToggleShow.tsx
new file mode 100644
index 000000000..e69de29bb