@zohodesk/dot/lib/v1/lookup/EmptyPage/EmptyPage.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));

var _EmptyAccounts = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptyAccounts"));

var _EmptyContact = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptyContact"));

var _EmptyProducts = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptyProducts"));

var _LookupEmptyPageModule = _interopRequireDefault(require("../../../lookup/EmptyPage/LookupEmptyPage.module.css"));

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

/*** Libraries ***/

/*** CSS ***/
function EmptyPage(props) {
  var type = props.type,
      title = props.title;

  function renderEmptyState(type) {
    switch (type) {
      case 'search':
        return /*#__PURE__*/_react["default"].createElement(_EmptySearch["default"], {
          className: _LookupEmptyPageModule["default"].image
        });

      case 'account':
        return /*#__PURE__*/_react["default"].createElement(_EmptyAccounts["default"], {
          className: _LookupEmptyPageModule["default"].image
        });

      case 'contact':
        return /*#__PURE__*/_react["default"].createElement(_EmptyContact["default"], {
          className: _LookupEmptyPageModule["default"].image
        });

      case 'product':
        return /*#__PURE__*/_react["default"].createElement(_EmptyProducts["default"], {
          className: _LookupEmptyPageModule["default"].image
        });

      default:
        return null;
    }
  }

  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _LookupEmptyPageModule["default"].container,
    "data-id": "empty_".concat(type),
    "data-test-id": "empty_".concat(type)
  }, renderEmptyState(type), /*#__PURE__*/_react["default"].createElement("div", {
    className: _LookupEmptyPageModule["default"].contentDiv
  }, title));
}

EmptyPage.propTypes = _propTypes.propTypes;
EmptyPage.defaultProps = _defaultProps.defaultProps;