feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-menu/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.styles.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { mergeClasses, __styles } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const menuGroupHeaderClassNames = {
+  root: 'fui-MenuGroupHeader'
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Be2twd7: "fy9rknc",
+    sj55zd: "f11d4kpn",
+    uwmqm3: ["f177v4lu", "f19lj068"],
+    z189sj: ["f19lj068", "f177v4lu"],
+    Bhrd7zp: "fl43uef",
+    Bqenvij: "f1d2rq10",
+    mc9l5x: "f22iagw",
+    Bt984gj: "f122n59"
+  }
+}, {
+  d: [".fy9rknc{font-size:var(--fontSizeBase200);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f177v4lu{padding-left:8px;}", ".f19lj068{padding-right:8px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1d2rq10{height:32px;}", ".f22iagw{display:flex;}", ".f122n59{align-items:center;}"]
+});
+export const useMenuGroupHeaderStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);
+  return state;
+};