New Components

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 }) => (
+  <Popover id={id} style={style}>
+    <Textfield /> Copy
+  </Popover>
+);

src/core/client/stream/components/Permalink/PermalinkShareButton.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import ToggleShow from "./ToggleShow";
+
+const PermalinkShareButton = () => (
+  <ToggleShow>
+    {({ toggleShow, show }) => (
+      <Manager>
+        <Reference>
+          {({ ref }) => (
+            <Button ref={ref} onClick={toggleShow} aria-controls="popover-id">
+              Share
+            </Button>
+          )}
+        </Reference>
+        <Popper placement="right">
+          {({ ref, style, placement, arrowProps }) => (
+            <PermalinkPopover
+              visible={show}
+              style={style}
+              ref={ref}
+              id="popover-id"
+            />
+          )}
+        </Popper>
+      </Manager>
+    )}
+  </ToggleShow>
+);
+
+export default PermalinkShareButton;

src/core/client/stream/components/Permalink/Popover.tsx

@@ -0,0 +1,9 @@
+const Popover = ({
+  id,
+  style,
+  children,
+  visible,
+  onClose,
+  firstFocusable,
+  lastFocusable,
+}) => <div aria-role="dialog">{children}</div>;