import { Outlet } from "react-router-dom";
import type React from "react";

import { AppMain } from "./app-main";

interface AppFullscreenLayoutFrameProps {
  children: React.ReactNode;
}

export const AppFullscreenLayoutFrame = ({ children }: AppFullscreenLayoutFrameProps) => {
  return (
    <AppMain className="h-dvh w-dvw">{children}</AppMain>
  );
};

export const AppFullscreenLayout = () => {
  return (
    <AppFullscreenLayoutFrame>
      <Outlet />
    </AppFullscreenLayoutFrame>
  );
};