import { jsx, jsxs } from "react/jsx-runtime";
import styled from "styled-components";
import { LiveAnnouncer } from "react-aria-live";
import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
import { useWindowSizeChange } from "../use-window-size-change.js";
import { SessionTimeout } from "../session-timeout/index.js";
import { LiveMessage } from "../live-message/index.js";
import { ErrorToast } from "../error-toast/index.js";
import { WaitMessage as DefaultWaitMessage } from "../wait-message/index.js";
import GlobalStyle from "./style.js";
const Div = styled.div`
  height: 100%;
`;
const StandAloneApp = ({
  manageSession,
  WaitMessage,
  children
}) => {
  useBreakpoint();
  useWindowSizeChange();
  return /* @__PURE__ */ jsx(LiveAnnouncer, { children: /* @__PURE__ */ jsxs(Div, { children: [
    /* @__PURE__ */ jsx(GlobalStyle, {}),
    manageSession && /* @__PURE__ */ jsx(SessionTimeout, {}),
    /* @__PURE__ */ jsx(LiveMessage, {}),
    WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
    /* @__PURE__ */ jsx(ErrorToast, {}),
    children
  ] }) });
};
export {
  StandAloneApp
};
