import { jsx as t } 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 = (e) => {
  const { selected: s, areaId: r, size: a } = e;
  return m((o) => o.hashAreas[r].status) === "init" ? null : /* @__PURE__ */ t(n, { ownerState: { selected: s }, children: /* @__PURE__ */ t(i, { areaId: r, size: a }) });
};
u.displayName = "Area";
export {
  u as Area
};
