Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | 10x 304x | import type { ReactNode } from "react";
import { WhatsAppSubNav } from "./WhatsAppSubNav";
/** Height of the admin dashboard top navigation bar */
const ADMIN_NAV_HEIGHT = "4rem";
type WhatsAppPageLayoutProps = {
children: ReactNode;
/** When true, children fill remaining height (for inbox-style layouts) */
fullHeight?: boolean;
};
export function WhatsAppPageLayout({
children,
fullHeight,
}: WhatsAppPageLayoutProps) {
return (
<div
className={`-mx-6 -mt-6 flex flex-col ${fullHeight ? `h-[calc(100vh-${ADMIN_NAV_HEIGHT})]` : ""}`}
>
<WhatsAppSubNav />
<div
className={`${fullHeight ? "flex-1 min-h-0" : "px-6 py-6"}`}
>
{children}
</div>
</div>
);
}
|