import { Breakpoint, SxProps } from '@mui/material';
import { PropsWithChildren, ReactNode } from 'react';
export type ResponsiveStyleValue<T> = T | Array<T | null> | {
    [key: string]: T | null;
};
export interface PageHeaderProps extends PropsWithChildren {
    title?: ReactNode;
    children?: ReactNode;
    maxWidth?: Breakpoint | false;
    sx?: SxProps;
    RightContent?: ReactNode;
    LeftContent?: ReactNode;
    marginBottom?: number;
    disableDivider?: boolean;
    direction?: ResponsiveStyleValue<"row" | "row-reverse" | "column" | "column-reverse">;
    alignItems?: ResponsiveStyleValue<"flex-start" | "center" | "flex-end" | "stretch" | "baseline">;
}
/**
 * Page header block: title, optional side slots and filters as children.
 * The title block's vertical padding is asymmetric on purpose: a page title belongs to the content
 * below it, so it sits closer to that content than to the app bar above.
 */
declare const PageHeader: ({ title, children, sx, RightContent, LeftContent, disableDivider, alignItems, direction, marginBottom, maxWidth, }: PageHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default PageHeader;