import { jsx } from "react/jsx-runtime";
import { memo, useId } from "react";
import styled from "styled-components";
import { APP_CONTAINER_ID_PREFIX } from "./const.js";
import { useAppWillRender } from "./use-app-will-render.js";
const Div = styled.div`
  height: 100%;
  width: 100%;
`;
const MicroApp = memo((props) => {
  const uuid = useId();
  useAppWillRender({ uuid, ...props });
  return /* @__PURE__ */ jsx(Div, { id: `${APP_CONTAINER_ID_PREFIX}${props.id}` });
});
export {
  MicroApp
};
