import { default as React, JSX } from 'react';
interface AccordionItemData {
    /**
     * Unique identifier for the accordion item.
     */
    id: string;
    /**
     * Title displayed in the accordion header.
     * Can be a plain string or a custom React node.
     */
    title: string | React.ReactNode;
    /**
     * Content shown when the accordion item is expanded.
     */
    content: React.ReactNode;
}
interface RightPanelProps {
    /**
     * List of accordion items to be displayed in the panel.
     */
    items: AccordionItemData[];
    /**
     * IDs of the accordion items that should be open by default.
     * Can be an empty array or undefined if no items should be open initially.
     */
    defaultOpenItem?: string[];
    /**
     * Optional title for the "expand all/collapse all" control (if rendered).
     */
    expanderTitle?: string;
    /**
     * Whether to render the toggle button for expanding or collapsing all items.
     */
    renderToggleButton?: boolean;
    /**
     * Optional custom close button renderer (receives the item's id).
     * If omitted and `showCloseButton` is true, a default close button is used.
     * If `showCloseButton` is false, this prop is ignored.
     */
    renderCloseButton?: (id: string) => React.ReactNode;
    /**
     * Show or hide the close button per item.
     * If false, no close button is rendered.
     * @default true
     */
    showCloseButton?: boolean;
    /**
     * Side-effect hook invoked after an item is removed (closed).
     * Useful to notify backend or update global state.
     */
    onCloseItem?: (id: string) => void;
}
type DefaultCloseButtonProps = {
    id: string;
    isSingleItem: boolean;
    onClose: (id: string) => void;
};
export declare const DefaultCloseButton: {
    ({ id, isSingleItem, onClose }: DefaultCloseButtonProps): JSX.Element;
    displayName: string;
};
export declare const RightPanel: (props: RightPanelProps) => JSX.Element;
export default RightPanel;