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

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

interface AppFullscreenLayoutFrameProps {
  children: React.ReactNode;
}

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

/**
 * Shell para páginas fullscreen sin sidebar ni topbar global.
 */

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