feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-tree/lib/components/TreeItemLayout/TreeItemLayout.js

@@ -0,0 +1,17 @@
+'use client';
+import * as React from 'react';
+import { useTreeItemLayout_unstable } from './useTreeItemLayout';
+import { renderTreeItemLayout_unstable } from './renderTreeItemLayout';
+import { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * The `TreeItemLayout` component is used as a child of `TreeItem` to define the content and layout of a tree item.
+ * It provides a consistent visual structure for tree items in a `Tree` component.
+ * This component should only be used as a direct child of `TreeItem`.
+ */ export const TreeItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTreeItemLayout_unstable(props, ref);
+    useTreeItemLayoutStyles_unstable(state);
+    useCustomStyleHook_unstable('useTreeItemLayoutStyles_unstable')(state);
+    return renderTreeItemLayout_unstable(state);
+});
+TreeItemLayout.displayName = 'TreeItemLayout';