feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,18 @@
+'use client';
+import * as React from 'react';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useCarouselSlider_unstable } from './useCarouselSlider';
+import { renderCarouselSlider_unstable } from './renderCarouselSlider';
+import { useCarouselSliderStyles_unstable } from './useCarouselSliderStyles.styles';
+import { useCarouselSliderContextValues_unstable } from './CarouselSliderContext';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * CarouselSlider component - The viewport window that CarouselCards are contained within.
+ */ export const CarouselSlider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useCarouselSlider_unstable(props, ref);
+    useCarouselSliderStyles_unstable(state);
+    useCustomStyleHook_unstable('useCarouselSliderStyles_unstable')(state);
+    const context = useCarouselSliderContextValues_unstable(state);
+    return renderCarouselSlider_unstable(state, context);
+});
+CarouselSlider.displayName = 'CarouselSlider';