import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE__Section_SectionHeading_mjs__ from "../Section/SectionHeading.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Section_SectionSubheading_mjs__ from "../Section/SectionSubheading.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Avatars_Avatars_mjs__ from "../Avatars/Avatars.mjs";
const ResultHttpError = ({ status, redpandaErrorCode, userMessage = 'If the error persists, contact support with the internal error code.', extra })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        alignItems: "center",
        justifyContent: "center",
        textAlign: "left"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.HStack, {
        spacing: 12,
        px: 16
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.VStack, {
        spacing: 4,
        display: "flex",
        alignItems: "flex-start"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Section_SectionHeading_mjs__["default"], {
        as: "h1",
        size: "xl",
        fontWeight: "medium"
    }, status), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Section_SectionSubheading_mjs__["default"], {
        as: "h2",
        size: "md",
        fontWeight: "medium"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, userMessage)), redpandaErrorCode ? /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        fontSize: "lg",
        fontWeight: "medium",
        color: "grey"
    }, "Redpanda error code ", redpandaErrorCode) : null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        margin: 0,
        padding: 0
    }, extra)), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
        boxSize: "sm",
        src: __WEBPACK_EXTERNAL_MODULE__Avatars_Avatars_mjs__["default"].errorBananaSlipSvg,
        alt: `error-${status}`
    })));
/* ESM default export */ const ResultHttpError_rslib_entry_ = ResultHttpError;
export { ResultHttpError_rslib_entry_ as default };
