import React from 'react';
import { BaseComponentProps } from '../internal/base-component';
import { NonCancelableEventHandler } from '../internal/events';
export declare namespace ExpandableSectionProps {
    type Variant = 'default' | 'footer' | 'container' | 'navigation';
    interface ChangeDetail {
        expanded: boolean;
    }
    type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
}
export interface ExpandableSectionProps extends BaseComponentProps {
    /**
     * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled
     * manner even if you provide a value for this property.
     */
    defaultExpanded?: boolean;
    /**
     * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled
     * manner if you provide a value for this property.
     */
    expanded?: boolean;
    /**
     * The possible variants of an expandable section are as follows:
     *  * `default` - Use this variant in any context.
     *  * `footer` - Use this variant in container footers.
     *  * `container` - Use this variant in a detail page alongside other containers.
     *  * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.
     *    It doesn't have any default styles.
     * */
    variant?: ExpandableSectionProps.Variant;
    /**
     * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.
     */
    disableContentPaddings?: boolean;
    /**
     * Primary content displayed in the expandable section element.
     */
    children?: React.ReactNode;
    /**
     * **Deprecated**, use headerText instead.
     * @deprecated
     */
    header?: React.ReactNode;
    /**
     * Heading displayed above the content text. When using the container variant, use it with additional header props. Otherwise, use plain text.
     */
    headerText?: React.ReactNode;
    /**
     * Supplementary text below the heading. Use with container variant.
     */
    headerDescription?: string;
    /**
     * Specifies secondary text that's displayed to the right of the heading title. Use with container variant.
     * Behaves similar to the Header component counter.
     */
    headerCounter?: string;
    /**
     * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
     * h2. Use with container variant.
     */
    headingTagOverride?: ExpandableSectionProps.HeadingTag;
    /**
     * Adds `aria-label` to the header element.
     * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.
     */
    headerAriaLabel?: string;
    /**
     * Called when the state changes (that is, when the user expands or collapses the component).
     * The event `detail` contains the current value of the `expanded` property.
     */
    onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;
}
//# sourceMappingURL=interfaces.d.ts.map