UNPKG

1.28 kBJavaScriptView Raw
1import _extends from "@babel/runtime/helpers/esm/extends";
2import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3import classNames from 'classnames';
4import React from 'react';
5import { useBootstrapPrefix } from './ThemeProvider';
6var ModalDialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
7 var bsPrefix = _ref.bsPrefix,
8 className = _ref.className,
9 contentClassName = _ref.contentClassName,
10 centered = _ref.centered,
11 size = _ref.size,
12 children = _ref.children,
13 scrollable = _ref.scrollable,
14 props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
15
16 bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
17 var dialogClass = bsPrefix + "-dialog";
18 return /*#__PURE__*/React.createElement("div", _extends({}, props, {
19 ref: ref,
20 className: classNames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
21 }), /*#__PURE__*/React.createElement("div", {
22 className: classNames(bsPrefix + "-content", contentClassName)
23 }, children));
24});
25ModalDialog.displayName = 'ModalDialog';
26export default ModalDialog;
\No newline at end of file