ErrorScreen.js 973 B

12345678910111213141516171819
  1. import React from 'react';
  2. import { ErrorIcon } from './icons';
  3. export function ErrorScreen(_ref) {
  4. var _ref$translations = _ref.translations,
  5. translations = _ref$translations === void 0 ? {} : _ref$translations;
  6. var _translations$titleTe = translations.titleText,
  7. titleText = _translations$titleTe === void 0 ? 'Unable to fetch results' : _translations$titleTe,
  8. _translations$helpTex = translations.helpText,
  9. helpText = _translations$helpTex === void 0 ? 'You might want to check your network connection.' : _translations$helpTex;
  10. return /*#__PURE__*/React.createElement("div", {
  11. className: "DocSearch-ErrorScreen"
  12. }, /*#__PURE__*/React.createElement("div", {
  13. className: "DocSearch-Screen-Icon"
  14. }, /*#__PURE__*/React.createElement(ErrorIcon, null)), /*#__PURE__*/React.createElement("p", {
  15. className: "DocSearch-Title"
  16. }, titleText), /*#__PURE__*/React.createElement("p", {
  17. className: "DocSearch-Help"
  18. }, helpText));
  19. }