import * as react from 'react';
import { ReactNode } from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

interface AccordionItem {
    key: string;
    title: ReactNode;
    caption?: ReactNode;
    /** Optional icon shown in a 32×32 slot at the left of the trigger. */
    icon?: ReactNode;
    /** Optional content shown to the right of the text, before the chevron. */
    trailing?: ReactNode;
    content: ReactNode;
}
interface AccordionProps extends ThemeOverrideProps {
    items: AccordionItem[];
    /**
     * When true, multiple items can be open simultaneously.
     * Defaults to false (only one item open at a time).
     */
    multiple?: boolean;
    /** Initial open keys for uncontrolled usage. */
    defaultOpenKeys?: string[];
    /** Controlled open keys. */
    openKeys?: string[];
    onOpenChange?: (keys: string[]) => void;
    className?: string;
    testID?: string;
}

declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;

export { Accordion, type AccordionItem, type AccordionProps };