import { Base, BaseConfig } from '@studiometa/js-toolkit';
import type { BaseProps } from '@studiometa/js-toolkit';
type AccordionItemStates = Partial<Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>>;
export interface AccordionItemProps extends BaseProps {
    $refs: {
        btn: HTMLElement;
        content: HTMLElement;
        container: HTMLElement;
    };
    $options: {
        isOpen: boolean;
        styles: Partial<Record<keyof AccordionItemProps['$refs'], AccordionItemStates>>;
    };
}
/**
 * AccordionItem class.
 */
export declare class AccordionItem<T extends BaseProps = BaseProps> extends Base<T & AccordionItemProps> {
    /**
     * Config.
     */
    static config: BaseConfig;
    /**
     * Add aria-attributes on mounted.
     */
    mounted(): void;
    /**
     * Remove styles on destroy.
     */
    destroyed(): void;
    /**
     * Handler for the click event on the `btn` ref.
     */
    onBtnClick(): void;
    /**
     * Get the content ID.
     */
    get contentId(): string;
    /**
     * Update the refs' attributes according to the given type.
     */
    updateAttributes(isOpen: boolean): void;
    /**
     * Open an item.
     */
    open(): Promise<void>;
    /**
     * Close an item.
     */
    close(): Promise<void>;
}
export {};