// tmp-babel/messages/web/__shared__/EmptyProfilesListState/index.js
import { WeAreHiringImage } 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 EmptyProfilesListState = function EmptyProfilesListState2() {
  return /* @__PURE__ */ _jsxs(Box, {
    display: "grid",
    justifyItems: "center",
    gridAutoRows: "min-content",
    gap: 1.5,
    padding: 4,
    children: [/* @__PURE__ */ _jsx(WeAreHiringImage, {
      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: "Search for profiles"
      }), /* @__PURE__ */ _jsx(Typography, {
        variant: "caption",
        color: "text.secondary",
        children: "Once you connect to other profiles they will be shown here."
      })]
    })]
  });
};
var EmptyProfilesListState_default = EmptyProfilesListState;

export {
  EmptyProfilesListState_default
};
//# sourceMappingURL=chunk-53HZZ7FA.mjs.map