feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-carousel/lib/components/Carousel/Carousel.js

@@ -0,0 +1,20 @@
+'use client';
+import * as React from 'react';
+import { useCarousel_unstable } from './useCarousel';
+import { renderCarousel_unstable } from './renderCarousel';
+import { useCarouselStyles_unstable } from './useCarouselStyles.styles';
+import { useCarouselContextValues_unstable } from './useCarouselContextValues';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Carousel is the context wrapper and container for all carousel content/controls,
+ * it has no direct style or slot opinions.
+ *
+ * Carousel also provides API interfaces for callbacks that will occur on navigation events.
+ */ export const Carousel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useCarousel_unstable(props, ref);
+    useCarouselStyles_unstable(state);
+    useCustomStyleHook_unstable('useCarouselStyles_unstable')(state);
+    const contextValues = useCarouselContextValues_unstable(state);
+    return renderCarousel_unstable(state, contextValues);
+});
+Carousel.displayName = 'Carousel';