import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import "react";
/* ESM default export */ const no_data = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxlbGxpcHNlIGZpbGw9IiNmNWY1ZjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ij48L2VsbGlwc2U+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiNkOWQ5ZDkiPjxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiPjwvcGF0aD48cGF0aCBkPSJNNDEuNjEzIDE1LjkzMWMwLTEuNjA1Ljk5NC0yLjkzIDIuMjI3LTIuOTMxSDU1djE4LjEzN0M1NSAzMy4yNiA1My42OCAzNSA1Mi4wNSAzNWgtNDAuMUMxMC4zMiAzNSA5IDMzLjI1OSA5IDMxLjEzN1YxM2gxMS4xNmMxLjIzMyAwIDIuMjI3IDEuMzIzIDIuMjI3IDIuOTI4di4wMjJjMCAxLjYwNSAxLjAwNSAyLjkwMSAyLjIzNyAyLjkwMWgxNC43NTJjMS4yMzIgMCAyLjIzNy0xLjMwOCAyLjIzNy0yLjkxM3YtLjAwN3oiIGZpbGw9IiNmYWZhZmEiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPgo=";
/**
 * TODO: Update copy once finalized
 * @see https://docs.google.com/document/d/1lsVy4Nh7XUy7IfLGgS5_yAzc_KfWq7FN4lweEeKhaTs/edit#heading=h.wtmcurv0whje
 */ const Empty = ({ errorCode, description = 'No data found' })=>{
    if (!!errorCode) return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Alert, {
        status: "error",
        rounded: "md"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.HStack, {
        spacing: 0
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.AlertTitle, {
        "data-testid": "no-data-error-title",
        textColor: "brand.500"
    }, `Error (${errorCode}):`), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.AlertDescription, {
        "data-testid": "no-data-error-description",
        textColor: "brand.600"
    }, description)));
    return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        alignItems: "center",
        justifyContent: "center",
        textAlign: "center",
        p: 4
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.VStack, {
        spacing: 1
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
        "data-testid": "no-data-image",
        src: no_data,
        boxSize: "64px",
        alt: "no-data"
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
        as: "h1",
        "data-testid": "no-data-heading",
        opacity: "0.5",
        size: "md",
        fontWeight: "normal"
    }, description)));
};
/* ESM default export */ const Empty_rslib_entry_ = Empty;
export { Empty_rslib_entry_ as default };
