"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Dialog;

var _react = _interopRequireDefault(require("react"));

var _Box = _interopRequireDefault(require("../layout/Box"));

var _compileClassNames3 = _interopRequireDefault(require("../../libraries/compileClassNames"));

var _DialogModule = _interopRequireDefault(require("./Dialog.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function Dialog(props) {
  var defaultCustomId = "dialog";
  var customClassName = props.customClassName;
  var customClass = (0, _compileClassNames3["default"])(_defineProperty({}, _DialogModule["default"]["container"], true), _defineProperty({}, customClassName, !!customClassName));
  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
    align: "horizontal",
    dataId: defaultCustomId,
    className: customClass
  }, props.children);
}