import * as React from 'react'; import type { ButtonProps } from '../../../button/button'; import type { Icon } from '../../../icons/icons'; import type { Space } from '../../../metrics/metrics'; export type SurfaceHeaderProps = { title?: string | React.ReactNode titleId?: string description?: string | React.ReactNode descriptionId?: string alignment?: 'start' | 'center' start?: React.ReactNode end?: React.ReactNode divider?: boolean padding?: Space background?: 'surface' | 'none' }; type SurfaceHeaderContextType = Pick; export declare const SurfaceHeaderContextProvider: React.Provider; export declare const SurfaceHeader: ({ title, titleId, description, descriptionId, alignment, start, end, divider, padding, background, }: SurfaceHeaderProps) => React.JSX.Element; export declare const SurfaceHeaderTitle: ({ children, id, alignment, }: { children: string alignment?: "start" | "center" id?: string }) => React.JSX.Element; export declare const SurfaceHeaderDescription: ({ children, alignment, id, }: { children: string alignment?: "start" | "center" id?: string }) => React.JSX.Element; type SurfaceHeaderIconButtonProps = Omit & { icon: Icon } & ({ tooltipLabel: string } | { ariaLabel: string }); export declare const SurfaceHeaderIconButton: (props: SurfaceHeaderIconButtonProps) => React.JSX.Element; type PredefinedIconButtonProps = Omit; export declare const SurfaceHeaderBackButton: ({ ariaLabel, ...props }: PredefinedIconButtonProps) => React.JSX.Element; export declare const SurfaceHeaderCloseButton: ({ ariaLabel, ...props }: PredefinedIconButtonProps) => React.JSX.Element; type SurfaceHeaderTextButtonProps = Omit; export declare const SurfaceHeaderTextButton: (props: SurfaceHeaderTextButtonProps) => React.JSX.Element; export {};