// tmp-babel/__shared__/web/SearchNotFoundState/index.js
import { SearchingImage } from "@baseapp-frontend/design-system/components/web/illustrations";
import { Box, Typography } from "@mui/material";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var SearchNotFoundState = function SearchNotFoundState2(_ref) {
  var _ref$message = _ref.message, message = _ref$message === void 0 ? "Check your spelling or try another search." : _ref$message;
  return /* @__PURE__ */ _jsxs(Box, {
    display: "grid",
    justifyItems: "center",
    gridAutoRows: "min-content",
    gap: 1.5,
    padding: 4,
    children: [/* @__PURE__ */ _jsx(SearchingImage, {
      sx: {
        color: "grey.500"
      }
    }), /* @__PURE__ */ _jsxs(Box, {
      display: "grid",
      justifyItems: "center",
      gridAutoRows: "min-content",
      gap: 0.5,
      children: [/* @__PURE__ */ _jsx(Typography, {
        variant: "subtitle2",
        color: "text.primary",
        children: "No results found"
      }), /* @__PURE__ */ _jsx(Typography, {
        variant: "caption",
        color: "text.secondary",
        children: message
      })]
    })]
  });
};
var SearchNotFoundState_default = SearchNotFoundState;

export {
  SearchNotFoundState_default
};
//# sourceMappingURL=chunk-O6DYR43U.mjs.map