import { Box, Text } from "@wix/design-system";
import React, { useContext } from "react";
import { RicosContext } from "./../../ricos-context/index.js";
import { SHAPES_CATEGORY_ID } from "./consts.js";
const ShapeSelectEmpty = ({
  isError,
  selectedCategoryId
}) => {
  const { t } = useContext(RicosContext);
  const isShapesCategory = selectedCategoryId === SHAPES_CATEGORY_ID;
  const getEmptyStateTitle = () => {
    if (isError) {
      return isShapesCategory ? t("ShapeSelectModalContent_Search_ErrorState_Title") : t("ShapeSelectModalContent_Search_ErrorState_Title_VectorArt");
    }
    return isShapesCategory ? t("ShapeSelectModalContent_Search_EmptyState_Title") : t("ShapeSelectModalContent_Search_EmptyState_Title_VectorArt");
  };
  return /* @__PURE__ */ React.createElement(
    Box,
    {
      height: "100%",
      alignContent: "center",
      display: "grid",
      textAlign: "center",
      fontSize: "14px",
      letterSpacing: "1px",
      gap: "12px"
    },
    /* @__PURE__ */ React.createElement(Text, { size: "medium", weight: "bold" }, getEmptyStateTitle()),
    /* @__PURE__ */ React.createElement(Text, { size: "small", weight: "thin" }, isError ? t("ShapeSelectModalContent_Search_ErrorState_Text") : t("ShapeSelectModalContent_Search_EmptyState_Text"))
  );
};
export {
  ShapeSelectEmpty
};
//# sourceMappingURL=shape-select-empty.js.map
