import { type ComponentProps, type FC, type PropsWithChildren, type ReactNode } from "react";
import { Box } from "../Box/Box";
type StaticComponents = {
    Header: typeof Header;
    Main: typeof Main;
};
type Props = {
    header: ReactNode;
} & ComponentProps<typeof Box>;
type HeaderProps = ComponentProps<typeof Box> & {
    /**
     * A 36x36 slot for an action (usually a SecondaryIconButton) to be placed on the left side of the header.
     */
    leftActionSlot?: ReactNode;
    /**
     * A 36x36 slot for an action (usually a SecondaryIconButton) to be placed on the right side of the header.
     */
    rightActionSlot?: ReactNode;
    /**
     * In some cases you want the action slots to be aligned differently than centered.
     * @default "center"
     */
    slotsAlignment?: "start" | "center";
};
declare const Header: FC<HeaderProps>;
declare const Main: FC<ComponentProps<typeof Box>>;
export declare const PageWithCenteredContentLayout: FC<PropsWithChildren<Props>> & StaticComponents;
export {};