"use strict";

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

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

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

var _Dialog = require("./Dialog.propTypes");

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

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

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 Footer(props) {
  var defaultCustomId = "footer";
  var children = props.children,
      customClassName = props.customClassName,
      align = props.align,
      alignContent = props.alignContent,
      alignBox = props.alignBox;
  var customClass = (0, _compileClassNames3["default"])(_defineProperty({}, _DialogModule["default"]["footer"], true), _defineProperty({}, customClassName, !!customClassName));
  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
    className: customClass,
    dataId: defaultCustomId
  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
    alignBox: alignBox,
    isCover: false,
    align: align,
    alignContent: alignContent
  }, children));
}

Footer.defaultProps = {
  align: "vertical",
  alignContent: "start",
  alignBox: "row"
};
Footer.propTypes = _Dialog.footerPropTypes;