Invite modal

src/InviteModal.jsx

@@ -1,14 +1,25 @@
 import React from "react";
+import { Overlay } from "./Overlay";
 import { Modal, ModalContent } from "./Modal";
 import { CopyButton } from "./CopyButton";
+import { HeaderButton, ButtonTooltip } from "./RoomButton";
+import { ReactComponent as AddUserIcon } from "./icons/AddUser.svg";
 
-export function InviteModal({ roomUrl, ...rest }) {
+export function InviteModalButton({ roomUrl }) {
   return (
-    <Modal title="Invite People" isDismissable {...rest}>
-      <ModalContent>
-        <p>Copy and share this meeting link</p>
-        <CopyButton value={roomUrl} />
-      </ModalContent>
-    </Modal>
+    <Overlay>
+      <HeaderButton>
+        <ButtonTooltip>Add User</ButtonTooltip>
+        <AddUserIcon width={20} height={20} />
+      </HeaderButton>
+      {(modalProps) => (
+        <Modal title="Invite People" isDismissable {...modalProps}>
+          <ModalContent>
+            <p>Copy and share this meeting link</p>
+            <CopyButton value={roomUrl} />
+          </ModalContent>
+        </Modal>
+      )}
+    </Overlay>
   );
 }