"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.ErrorPage = void 0; var _eui = require("@elastic/eui"); var _i18nReact = require("@kbn/i18n-react"); var _react = _interopRequireDefault(require("react")); var _page_template = require("./page_template"); /* * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one * or more contributor license agreements. Licensed under the Elastic License * 2.0; you may not use this file except in compliance with the Elastic License * 2.0. */ // Represents a fully constructed page, including page template. const ErrorPage = ({ detailedMessage, retry, shortMessage }) => { return /*#__PURE__*/_react.default.createElement(_page_template.PageTemplate, { isEmptyState: true }, /*#__PURE__*/_react.default.createElement(_eui.EuiCallOut, { color: "danger", iconType: "cross", title: /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, { id: "xpack.infra.errorPage.errorOccurredTitle", defaultMessage: "An error occurred" }) }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexGroup, { alignItems: "center" }, /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, null, shortMessage), retry ? /*#__PURE__*/_react.default.createElement(_eui.EuiFlexItem, { grow: false }, /*#__PURE__*/_react.default.createElement(_eui.EuiButton, { "data-test-subj": "infraErrorPageTryAgainButton", onClick: retry, iconType: "refresh" }, /*#__PURE__*/_react.default.createElement(_i18nReact.FormattedMessage, { id: "xpack.infra.errorPage.tryAgainButtonLabel", defaultMessage: "Try again" }))) : null), detailedMessage ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_eui.EuiSpacer, null), /*#__PURE__*/_react.default.createElement("div", null, detailedMessage)) : null)); }; exports.ErrorPage = ErrorPage;