feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-dialog/lib/components/DialogTrigger/DialogTrigger.js

@@ -0,0 +1,19 @@
+'use client';
+import * as React from 'react';
+import { useDialogTrigger_unstable } from './useDialogTrigger';
+import { renderDialogTrigger_unstable } from './renderDialogTrigger';
+/**
+ * A non-visual component that wraps its child
+ * and configures them to be the trigger that will open or close a `Dialog`.
+ * This component should only accept one child.
+ *
+ * This component sole purpose is to avoid opting out of the internal controlled open state of a `Dialog`
+ * Besides being a trigger that opens/close a dialog through context this component doesn't do much,
+ * making it basically unnecessary in cases where the trigger is outside of the `Dialog` component.
+ */ export const DialogTrigger = (props)=>{
+    const state = useDialogTrigger_unstable(props);
+    return renderDialogTrigger_unstable(state);
+};
+DialogTrigger.displayName = 'DialogTrigger';
+// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
+DialogTrigger.isFluentTriggerComponent = true;