import { BreadcrumbInfo } from '../Breadcrumbs/Breadcrumbs';
import { SxProps, Theme } from '@mui/material';
import { ReactNode } from 'react';
/**
 * Interface for PageHeader props.
 * @property {string} tableKey - The key of the table.
 * @property {string} title - Title for the table
 * @property {string} createButtonLabel - Label for the Create/Add button (to add new objects to the table)
 * @property {string} createPermission - Permission required to give the user permission to edit this table
 * @property {(id?: number | string) => void} onAdd - callback when the create/add button is clicked
 * @property {BreadcrumbInfo[]} breadcrumbs - breadcrumbs to be displayed above the title (optional)
 * @property {React.ReactNode} children - additional components to display on the right side of the component (or below, on mobile screens)
 */
export type PageHeaderProps = {
    title: string | ReactNode;
    createButtonLabel: string;
    showAddButton?: boolean;
    onAdd?: (id?: number | string) => void;
    breadcrumbs?: BreadcrumbInfo[];
    children?: React.ReactNode;
    sx?: SxProps<Theme>;
};
/**
 * Header for PagingTable. Includes Title, Add Button, breadcrumbs (optional). Additional components can be added via children (ex. SearchField) if desired.
 */
export declare const PageHeader: (props: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
export default PageHeader;
