@activecollab/components/dist/esm/presentation/shared/PresentationShell.d.ts

ActiveCollab Components

import React, { ReactElement, ReactNode } from "react";
/** The paper card that holds page content (used by list view & empty pages). */
export declare const StyledPagePaper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("../..").IPaperProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
export interface PresentationShellProps {
    /** Page header row (e.g. <ProjectPageHeader /> or <PageHeader title="…" />). */
    header: ReactNode;
    /** Page body content rendered inside the scrollable page area. */
    children: ReactNode;
    /** Optional fixed controls (e.g. <FloatingControls />). */
    floating?: ReactNode;
    /** Optional content pinned to the bottom of the main menu (e.g. <HelpAndSupportMenu />). */
    menuFooter?: ReactNode;
}
/**
 * The full application shell shared by every presentation mock-up: the main
 * menu on the left (auto-collapsing below 1280px, modal below 640px), the
 * top-right controls and the scrollable page area. Pass the page header via
 * `header` and the body via `children`.
 */
export declare const PresentationShell: {
    ({ header, children, floating, menuFooter, }: PresentationShellProps): ReactElement;
    displayName: string;
};
//# sourceMappingURL=PresentationShell.d.ts.map