import { jsx as e } from "@emotion/react/jsx-runtime";
import { BaseArea as i } from "./subcomponents/BaseArea/BaseArea.js";
import { useAreasStore as m } from "../../../../hooks/useAreas/index.js";
import { AreaRootStyled as n } from "../../slots/AreasViewerSlots.js";
const u = (s) => {
  const { selected: r, areaId: t, size: a } = s;
  return m((o) => o.hashAreas[t].status) === "init" ? null : /* @__PURE__ */ e(n, { ownerState: { selected: r }, children: /* @__PURE__ */ e(i, { areaId: t, selected: r, size: a }) });
};
u.displayName = "Area";
export {
  u as Area
};
