feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-icons/lib-cjs/utils/wrapIcon.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapIcon = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useIconState_1 = require("./useIconState");
+/**
+ *
+ * Wraps custom Svg Component with Fluent Icon behaviour
+ *
+ * @example
+ * ```tsx
+ const CustomSvg = (iconProps: FluentIconsProps) =>
+  React.createElement(
+    'svg',
+    {
+      width: '20',
+      height: '20',
+      viewBox: '0 0 20 20',
+      xmlns: 'http://www.w3.org/2000/svg',
+      ...iconProps
+    },
+    React.createElement('path', {
+      fill: 'currentColor',
+      d: 'M10 2l6 16H4l6-16z'
+    })
+  );
+
+  const CustomIcon = wrapIcon(CustomSvg, 'CustomIcon');
+  ```
+ */
+const wrapIcon = (Icon, displayName, options) => {
+    const WrappedIcon = React.forwardRef((props, ref) => {
+        const state = {
+            ...useIconState_1.useIconState(props, { flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl }),
+            ref,
+        };
+        return React.createElement(Icon, Object.assign({}, state));
+    });
+    WrappedIcon.displayName = displayName;
+    return WrappedIcon;
+};
+exports.wrapIcon = wrapIcon;