import { AriaLabelProperty, CommonProps, Heading, LinkProps } from '../common'; import React, { FunctionComponent, ReactNode } from 'react'; type ActionProps = AriaLabelProperty & { text: string; onClick?: (event: React.MouseEvent) => void; disabled?: boolean; }; type ButtonActionProps = ActionProps; type LinkActionProps = ActionProps & LinkProps; export interface HeaderProps extends CommonProps { /** * Optional prop to define the action for the header. If the `href` property * is provided, a `Link` will be rendered instead of a `Button`. */ action?: ButtonActionProps | LinkActionProps; /** * Option prop to specify DOM render element of the title * * - When `as="legend"`, the `Header` will render as a `` element. * **Note:** `` elements must be the first child of a `
` to comply with HTML semantics. * If this condition is not met, a warning will be logged to the console. * * - Other valid values include standard heading tags (`h1` to `h6`) or `header`. * @default 'h5' */ as?: Heading | 'legend' | 'header'; /** Required prop to set the title of the Header. */ title: ReactNode; /** * Optional prop to specify the level of the Header * @default 'group' */ level?: 'section' | 'group'; className?: string; testId?: string; } /** * @param {ButtonActionProps | LinkActionProps} [action] - Optional prop to specify the action button or link. * @param {Heading | 'legend'} [as='h5'] - Optional prop to override the heading element rendered for the title. * @param {string} title - Required prop to set the title of the section header. * @param {'group' | 'section'} [level='group'] - Optional prop to specify the level of the section header. * @param {string} [className] * @param {string} [testId] * * @see {@link Header } for further information. * @see {@link https://storybook.wise.design/?path=/docs/typography-header--docs|Storybook Wise Design} */ declare const Header: FunctionComponent; export default Header; //# sourceMappingURL=Header.d.ts.map