Private
Public Access
1
0
Files
power-apps-codeapps-blog-part2/node_modules/@fluentui/react-teaching-popover/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.js

18 lines
1012 B
JavaScript

'use client';
import * as React from 'react';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
import { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';
import { useTeachingPopoverSurfaceStyles_unstable } from './useTeachingPopoverSurfaceStyles.styles';
import { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';
/**
* TeachingPopoverSurface component renders react children in a positioned box
*
* TeachingPopoverSurface is a direct extension of PopoverSurface, with it's own styling context hooks available.
*/ export const TeachingPopoverSurface = /*#__PURE__*/ React.forwardRef((props, ref)=>{
const state = useTeachingPopoverSurface_unstable(props, ref);
useTeachingPopoverSurfaceStyles_unstable(state);
useCustomStyleHook_unstable('useTeachingPopoverSurfaceStyles_unstable')(state);
return renderTeachingPopoverSurface_unstable(state);
});
TeachingPopoverSurface.displayName = 'TeachingPopoverSurface';