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

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

/*** Libraries ***/
import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import EmptySearch from '@zohodesk/svg/es/emptystate/version3/EmptySearch';
import EmptyAccounts from '@zohodesk/svg/es/emptystate/version3/EmptyAccounts';
import EmptyContact from '@zohodesk/svg/es/emptystate/version3/EmptyContact';
import EmptyProducts from '@zohodesk/svg/es/emptystate/version3/EmptyProducts';
/*** CSS ***/

import style from "../../../lookup/EmptyPage/LookupEmptyPage.module.css";
export default function EmptyPage(props) {
  let {
    type,
    title
  } = props;

  function renderEmptyState(type) {
    switch (type) {
      case 'search':
        return /*#__PURE__*/React.createElement(EmptySearch, {
          className: style.image
        });

      case 'account':
        return /*#__PURE__*/React.createElement(EmptyAccounts, {
          className: style.image
        });

      case 'contact':
        return /*#__PURE__*/React.createElement(EmptyContact, {
          className: style.image
        });

      case 'product':
        return /*#__PURE__*/React.createElement(EmptyProducts, {
          className: style.image
        });

      default:
        return null;
    }
  }

  return /*#__PURE__*/React.createElement("div", {
    className: style.container,
    "data-id": `empty_${type}`,
    "data-test-id": `empty_${type}`
  }, renderEmptyState(type), /*#__PURE__*/React.createElement("div", {
    className: style.contentDiv
  }, title));
}
EmptyPage.propTypes = propTypes;
EmptyPage.defaultProps = defaultProps;