UNPKG

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