feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-icons/lib/base/createFluentIcon.svg-sprite.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { cx, iconClassName } from './shared';
+import { useIconState } from './useIconState';
+/**
+ * Base createFluentIcon for sprite-based icons.
+ *
+ * @access private
+ * @alpha
+ */
+export const createFluentIcon = (iconId, size, spritePath, options) => {
+    const viewBoxWidth = size === '1em' ? '20' : size;
+    const Icon = React.forwardRef((props, ref) => {
+        const iconState = useIconState(props, { flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl });
+        const state = {
+            ...iconState,
+            className: cx(iconClassName, iconState.className),
+            ref,
+            width: size,
+            height: size,
+            viewBox: `0 0 ${viewBoxWidth} ${viewBoxWidth}`,
+            xmlns: 'http://www.w3.org/2000/svg',
+        };
+        const href = spritePath ? `${spritePath}#${iconId}` : `#${iconId}`;
+        return React.createElement('svg', state, React.createElement('use', { href }));
+    });
+    Icon.displayName = iconId;
+    return Icon;
+};