first commit

calcom/packages/embeds/embed-react/floating.tsx

@@ -0,0 +1,30 @@
+/**
+ * @fileoverview This file is an example file and tells how to use floating popup button in a React application. This is also used by playwright e2e
+ */
+import { useEffect } from "react";
+import * as React from "react";
+import ReactDom from "react-dom";
+
+import { getCalApi } from "./src/index";
+
+function App() {
+  useEffect(() => {
+    (async function () {
+      const cal = await getCalApi({
+        namespace: "floating",
+        embedJsUrl: "http://localhost:3000/embed/embed.js",
+      });
+      cal("floatingButton", {
+        calLink: "pro",
+        calOrigin: "http://localhost:3000",
+        config: {
+          theme: "dark",
+        },
+      });
+      cal("ui", { styles: { branding: { brandColor: "#000000" } }, hideEventTypeDetails: false });
+    })();
+  }, []);
+  return null;
+}
+
+ReactDom.render(<App />, document.getElementById("root"));