import type React from "react";

import { AppMain } from "./app-main";
import { CompanyPageOutlet } from "./company-page-outlet";

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>
      <CompanyPageOutlet />
    </AppFullscreenLayoutFrame>
  );
};