import { Factory, GroupProps, StylesApiProps } from '@mantine/core'; import { ElementType, ReactNode } from 'react'; import { HeaderBreadcrumbAnchor, type HeaderBreadcrumbAnchorStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js'; import { HeaderBreadcrumbs, HeaderBreadcrumbsProps, HeaderBreadcrumbsStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs.js'; import { HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbText.js'; import { HeaderDocAnchor, HeaderDocAnchorProps, HeaderDocAnchorStyleNames } from './HeaderDocAnchor/HeaderDocAnchor.js'; import { HeaderRight, HeaderRightProps, HeaderRightStyleNames } from './HeaderRight/HeaderRight.js'; export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrumbs.js'; export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor.js'; export type { HeaderRightProps } from './HeaderRight/HeaderRight.js'; export type HeaderVariant = 'primary' | 'secondary'; export type HeaderStylesNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderBreadcrumbAnchorStyleNames | HeaderBreadcrumbTextStyleNames | HeaderRightStyleNames; /** * @deprecated use HeaderStylesNames instead. Will be removed in the next major version */ export type HeaderStyleNames = HeaderStylesNames; export interface HeaderProps extends StylesApiProps, Omit { /** * The description text displayed inside the header underneath the title */ description?: ReactNode; /** * Whether the header should have a border on the bottom */ borderBottom?: boolean; /** * Use the primary variant for page header and secondary variant elsewhere * * @default 'primary' */ variant?: 'primary' | 'secondary'; /** * The title of the header. */ children: ReactNode; /** * The component used to render the title. * * @default Title * @example 'h2' */ titleComponent?: ElementType; } export type HeaderFactory = Factory<{ props: HeaderProps; ref: HTMLDivElement; variant: HeaderVariant; stylesNames: HeaderStylesNames; staticComponents: { Breadcrumbs: typeof HeaderBreadcrumbs; BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor; /** * @deprecated Every breadcrumb item must be a link: use `Header.BreadcrumbAnchor` for each ancestor page, and leave the current page out of the trail since the header title already shows it. Will be removed in the next major version. */ BreadcrumbText: typeof HeaderBreadcrumbText; Right: typeof HeaderRight; DocAnchor: typeof HeaderDocAnchor; }; }>; export declare const Header: import("@mantine/core").MantineComponent<{ props: HeaderProps; ref: HTMLDivElement; variant: HeaderVariant; stylesNames: HeaderStylesNames; staticComponents: { Breadcrumbs: typeof HeaderBreadcrumbs; BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor; /** * @deprecated Every breadcrumb item must be a link: use `Header.BreadcrumbAnchor` for each ancestor page, and leave the current page out of the trail since the header title already shows it. Will be removed in the next major version. */ BreadcrumbText: typeof HeaderBreadcrumbText; Right: typeof HeaderRight; DocAnchor: typeof HeaderDocAnchor; }; }>; export declare namespace Header { type Props = HeaderProps; type Factory = HeaderFactory; type StylesNames = HeaderStylesNames; namespace Breadcrumbs { type Props = HeaderBreadcrumbsProps; } namespace Right { type Props = HeaderRightProps; } namespace DocAnchor { type Props = HeaderDocAnchorProps; } } //# sourceMappingURL=Header.d.ts.map