18 lines
851 B
JavaScript
18 lines
851 B
JavaScript
'use client';
|
|
import * as React from 'react';
|
|
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
|
import { useDrawerContextValue } from '../../contexts/drawerContext';
|
|
import { useDrawer_unstable } from './useDrawer';
|
|
import { renderDrawer_unstable } from './renderDrawer';
|
|
import { useDrawerStyles_unstable } from './useDrawerStyles.styles';
|
|
/**
|
|
* Drawer contains supplementary content and are used for complex creation, edit, or management experiences.
|
|
*/ export const Drawer = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
const state = useDrawer_unstable(props, ref);
|
|
const contextValue = useDrawerContextValue();
|
|
useDrawerStyles_unstable(state);
|
|
useCustomStyleHook_unstable('useDrawerStyles_unstable')(state);
|
|
return renderDrawer_unstable(state, contextValue);
|
|
});
|
|
Drawer.displayName = 'Drawer';
|