import React from 'react';
export interface SectionHeaderProps {
    /**
     * Title text or element.
     *
     * `React.ReactElement` values aren't affected by `as`, `id`,
     * `aria-describedby`, and `size` props or default text styling.
     */
    title: React.ReactNode;
    /** Accepts any content to render at the end of the header, after the title. */
    suffix?: React.ReactNode;
    /** Applies a data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
    /** Controls the background and border colors of the header.
     * @default 'standard'
     */
    skin?: SectionHeaderSkin;
    /** Renders component as any other component or a given HTML tag. */
    as?: SectionHeaderTitleAs;
    /** Title text element id. */
    id?: string;
    /** Title text element label reference id. */
    'aria-describedby'?: string;
    /** Controls the size of the title text and the vertical padding of the header.
     * @default 'medium'
     */
    size?: SectionHeaderTitleSize;
    /** Controls the horizontal alignment of the title.
     * @default 'start'
     */
    align?: SectionHeaderTitleAlignment;
    /** Controls which borders the header displays. `'default'` displays both top and bottom borders.
     * @default 'default'
     */
    divider?: SectionHeaderDivider;
    /** Controls the horizontal padding of the header.
     * @default 'large'
     */
    horizontalPadding?: SectionHeaderHorizontalPadding;
}
export type SectionHeaderTitleAs = 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
export type SectionHeaderSkin = 'standard' | 'neutral' | 'light' | 'bold';
export type SectionHeaderTitleSize = 'small' | 'medium';
export type SectionHeaderTitleAlignment = 'start' | 'center';
export type SectionHeaderDivider = 'default' | 'top' | 'bottom' | 'none';
export type SectionHeaderHorizontalPadding = 'large' | 'medium' | 'small' | 'tiny' | 'xTiny' | 'xxTiny';
//# sourceMappingURL=SectionHeader.types.d.ts.map