@elacity-js/uikit/dist/components/FullscreenDialog.js

React / Material UI Design kit for Elacity project

import { jsx, jsxs } from 'react/jsx-runtime';
import * as React from 'react';
import Dialog from '@mui/material/Dialog';
import Box from '@mui/material/Box';
import IconButton from '@mui/material/IconButton';
import CloseIcon from '@mui/icons-material/Close';
import Fade from '@mui/material/Fade';

const Transition = React.forwardRef((props, ref) => jsx(Fade, Object.assign({ ref: ref }, props)));
var FullscreenDialog = ({ open, onClose, children }) => (jsx(Dialog, Object.assign({ fullScreen: true, open: open, onClose: onClose, TransitionComponent: Transition, PaperProps: { sx: { backgroundColor: 'transparent' } } }, { children: jsxs(Box, Object.assign({ sx: { display: 'contents' } }, { children: [jsx(IconButton, Object.assign({ edge: "start", color: "inherit", onClick: onClose, "aria-label": "close", sx: { position: 'absolute', top: 10, right: 10, zIndex: 20000 } }, { children: jsx(CloseIcon, {}) })), children] })) })));

export { FullscreenDialog as default };
//# sourceMappingURL=FullscreenDialog.js.map