Initial commit

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { useCarouselCard_unstable } from './useCarouselCard';
+import { renderCarouselCard_unstable } from './renderCarouselCard';
+import { useCarouselCardStyles_unstable } from './useCarouselCardStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * The defining wrapper of a carousel's indexed content, they will take up the full
+ * viewport of CarouselSlider or div wrapper,
+ * users may place multiple items within this Card if desired, with consideration of viewport width.
+ *
+ * Clickable actions within the content area are available via mouse and tab as expected,
+ * non-active card content will be set to inert until moved to active card.
+ */ export const CarouselCard = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useCarouselCard_unstable(props, ref);
+    useCarouselCardStyles_unstable(state);
+    useCustomStyleHook_unstable('useCarouselCardStyles_unstable')(state);
+    return renderCarouselCard_unstable(state);
+});
+CarouselCard.displayName = 'CarouselCard';