19 lines
1.0 KiB
JavaScript
19 lines
1.0 KiB
JavaScript
'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';
|