import { jsx as _jsx } from "@emotion/react/jsx-runtime";
import { CommandScopeProvider, HotkeysScopeProvider } from '../../providers';
import { MODAL_SCOPE } from '../../../consts/scopes';
import { ModalStyled } from './modal.style';
export const Modal = ({ title, open, onCancel, width, children, }) => (_jsx(ModalStyled, { wrapClassName: "modal", width: width, title: title, open: open, onCancel: onCancel, footer: null, centered: true, destroyOnHidden: true, children: _jsx(CommandScopeProvider, { name: MODAL_SCOPE, children: _jsx(HotkeysScopeProvider, { name: MODAL_SCOPE, children: children }) }) }));
