Dashboard sipadu mbip
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

ModalDialog.js 1.1KB

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