"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _classnames = _interopRequireDefault(require("classnames"));

var _theme = _interopRequireDefault(require("./theme.css"));

var _avatar = _interopRequireDefault(require("../avatar"));

var _box = _interopRequireDefault(require("../box"));

var _link = _interopRequireDefault(require("../link"));

var _popover = _interopRequireDefault(require("../popover"));

var _typography = require("../typography");

var _excluded = ["avatar", "link", "className", "description", "title"];

var EmptyPassport = function EmptyPassport(_ref) {
  var avatar = _ref.avatar,
      link = _ref.link,
      className = _ref.className,
      description = _ref.description,
      title = _ref.title,
      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_popover.default, (0, _extends2.default)({}, others, {
    backdrop: "transparent",
    className: (0, _classnames.default)(_theme.default['passport-empty'], className)
  }), /*#__PURE__*/_react.default.createElement(_box.default, {
    paddingHorizontal: 4,
    paddingVertical: 5
  }, /*#__PURE__*/_react.default.createElement(_box.default, {
    display: "flex",
    flexDirection: "column",
    alignItems: "center"
  }, avatar && /*#__PURE__*/_react.default.createElement(_avatar.default, (0, _extends2.default)({}, avatar, {
    size: "small",
    marginBottom: 4
  })), /*#__PURE__*/_react.default.createElement(_typography.Heading3, {
    color: "teal"
  }, title), description && /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    color: "neutral",
    marginTop: 2
  }, description), link && /*#__PURE__*/_react.default.createElement(_typography.TextBody, {
    marginTop: 4
  }, /*#__PURE__*/_react.default.createElement(_link.default, (0, _extends2.default)({}, link, {
    inherit: false
  }))))));
};

var _default = EmptyPassport;
exports.default = _default;