@itwin/itwinui-react
Version:
A react component library for iTwinUI
42 lines (41 loc) • 1.31 kB
JavaScript
import * as React from 'react';
import { Box, polymorphic } from '../../utils/index.js';
let OverlayComponent = React.forwardRef((props, forwardedRef) => {
let { content, children, ...rest } = props;
return React.createElement(
OverlayWrapper,
{
ref: forwardedRef,
...rest,
},
React.createElement(OverlayOverlay, null, content),
React.createElement(OverlayHiddenContent, null, children),
);
});
if ('development' === process.env.NODE_ENV)
OverlayComponent.displayName = 'Overlay';
let OverlayHiddenContent = React.forwardRef((props, ref) => {
let { children, ...rest } = props;
return React.createElement(
Box,
{
inert: 'true',
ref: ref,
...rest,
},
children,
);
});
if ('development' === process.env.NODE_ENV)
OverlayHiddenContent.displayName = 'Overlay.HiddenContent';
let OverlayOverlay = polymorphic.div('iui-overlay');
if ('development' === process.env.NODE_ENV)
OverlayOverlay.displayName = 'Overlay.Overlay';
let OverlayWrapper = polymorphic.div('iui-overlay-wrapper');
if ('development' === process.env.NODE_ENV)
OverlayWrapper.displayName = 'Overlay.Wrapper';
export const Overlay = Object.assign(OverlayComponent, {
Wrapper: OverlayWrapper,
HiddenContent: OverlayHiddenContent,
Overlay: OverlayOverlay,
});