import { type ElementType, type ReactElement } from 'react';
import { DataTestId } from '../../core/types/data-props.js';
import { PolymorphicComponentProps } from '../../core/types/polymorph.js';
import { StylingProps } from '../../core/types/styling-props.js';
import { WithChildren } from '../../core/types/with-children.js';
/** @public */
export type AccordionSectionProps<E extends ElementType> = Omit<PolymorphicComponentProps<E, AccordionSectionOwnProps>, 'id'> & Pick<AccordionSectionOwnProps, 'id'>;
/** @public */
export interface AccordionSectionOwnProps extends WithChildren, StylingProps, DataTestId {
    /**
     * Determines whether the section is disabled.
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * Unique identifier of a section within an accordion.
     * This type will be reduced to string in version 2.0.0 and its value will be reflected in the
     * dom.
     */
    id: string | number;
    /**
     * Unique identifier of a section within an accordion. This will be used as an override and will function
     * as the sole identifier in version 2.0.0.
     */
    sectionId?: string | number;
    /**
     * Defines if the sections content will be kept in the DOM, even if the content
     * is not shown to the user.
     * @defaultValue false
     */
    keepMounted?: boolean;
    /**
     * The color of the accordion section.
     * Setting the color affects the button, label and content.
     */
    color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';
}
/**
 * Accordion Section component
 * @public
 */
export declare const AccordionSection: <E extends ElementType = 'div'>(props: AccordionSectionProps<E>) => ReactElement | null;