import React from 'react';
import { IconLookup } from '@fortawesome/fontawesome-svg-core';
import './vertical-collapsible-panel-group.less';
export type CollapsiblePanelItemType = {
    /** unique id to be used for map loop */
    id: string | number;
    /** whether collapsible item should be disabled */
    isDisabled?: boolean;
    /** text to be used in collapsible panel header */
    headerLabel?: string;
    /** icon to be used in collapsible panel header */
    headerIcon?: IconLookup;
    /** info text that will make InfoIcon component to render in collapsible panel header */
    headerInfoIconText?: string;
    /** badge to be rendered next to collpasible header label */
    headerBadge?: React.ReactElement;
    /** test-id for collapsible panel header. will be passed to CollapsiblePnael component directly */
    headerTestId?: string;
    /** content to be displayed when collapsible panel is opened */
    content: React.ReactElement;
};
export type VerticalCollapsiblePanelGroupProps = {
    /** Array containing config for each collapsible panel */
    collapsiblePanels: Array<CollapsiblePanelItemType>;
    /** classname to be applied to container */
    className?: string;
    /** expandedItemId state is managed by the parent component */
    expandedItemId: CollapsiblePanelItemType['id'] | null;
    setExpandedItemId: (id: CollapsiblePanelItemType['id'] | null) => void;
};
/** Vertical container gathering several collapsible panels that do not overflow container when opened
 * @uxr-only-supported
 * @midnight-gray-supported
 */
export default function VerticalCollapsiblePanelGroup({ collapsiblePanels, expandedItemId, setExpandedItemId, className, }: VerticalCollapsiblePanelGroupProps): import("react/jsx-runtime").JSX.Element;
