import { Box, Heading, Text } from "@wix/design-system";
import React, { useContext } from "react";
import { RicosContext } from "./../../ricos-context/index.js";
import { AI_MODAL_ERROR_CONTAINER } from "../data-hooks.js";
import { ErrorIllustration } from "./error-illustration.js";
import styles from "./error-message-scss.js";
const ErrorMessage = () => {
  const { t } = useContext(RicosContext);
  return /* @__PURE__ */ React.createElement(
    Box,
    {
      dataHook: AI_MODAL_ERROR_CONTAINER,
      align: "center",
      direction: "vertical",
      gap: "SP2",
      paddingBottom: "SP1",
      paddingLeft: "SP5",
      paddingRight: "SP5"
    },
    /* @__PURE__ */ React.createElement(ErrorIllustration, null),
    /* @__PURE__ */ React.createElement(Heading, { textAlign: "center", size: "medium" }, t("AIPlugin_Error_Title")),
    /* @__PURE__ */ React.createElement(Text, { className: styles.errorText, size: "small", tagName: "p" }, t("AIPlugin_Error_Text"))
  );
};
export {
  ErrorMessage
};
//# sourceMappingURL=error-message.js.map
