first commit

calcom/packages/app-store/routing-forms/components/RoutingNavBar.tsx

@@ -0,0 +1,34 @@
+import { HorizontalTabs } from "@calcom/ui";
+
+import type { getSerializableForm } from "../lib/getSerializableForm";
+
+export default function RoutingNavBar({
+  form,
+  appUrl,
+}: {
+  form: Awaited<ReturnType<typeof getSerializableForm>>;
+  appUrl: string;
+}) {
+  const tabs = [
+    {
+      name: "Form",
+      href: `${appUrl}/form-edit/${form?.id}`,
+    },
+    {
+      name: "Routing",
+      href: `${appUrl}/route-builder/${form?.id}`,
+      className: "pointer-events-none opacity-30 lg:pointer-events-auto lg:opacity-100",
+    },
+    {
+      name: "Reporting",
+      target: "_blank",
+      href: `${appUrl}/reporting/${form?.id}`,
+      className: "pointer-events-none opacity-30 lg:pointer-events-auto lg:opacity-100",
+    },
+  ];
+  return (
+    <div className="mb-4">
+      <HorizontalTabs tabs={tabs} />
+    </div>
+  );
+}