import { ReactNode } from 'react';
/**
 * Accordion component dengan header yang dapat diklik untuk membuka/menutup body.
 * Icon chevron berada di sisi kanan dari title.
 *
 * @param {ReactNode} title - Judul/header accordion (selalu tampil). Klik di judul juga akan toggle.
 * @param {ReactNode} children - Isi body accordion (hanya tampil saat open).
 * @param {boolean} [defaultOpen] - Apakah accordion terbuka secara default.
 * @param {boolean} [open] - Apakah accordion dalam mode controlled (dikontrol oleh parent).
 * @param {(isOpen: boolean) => void} [onToggle] - Callback ketika accordion di-toggle.
 * @param {boolean} [disabled] - Apakah accordion disabled.
 * @param {string} [className] - ClassName tambahan untuk container root.
 */
export interface AccordionProps {
    /**
     * Judul atau header yang selalu muncul.
     * Bisa berupa teks, elemen JSX, atau ReactNode lainnya.
     */
    title: ReactNode;
    /**
     * Konten body yang muncul saat accordion dalam keadaan terbuka.
     * Bisa berupa teks, elemen JSX, atau ReactNode lainnya.
     */
    children: ReactNode;
    /**
     * Apakah accordion terbuka secara default.
     */
    defaultOpen?: boolean;
    /**
     * Apakah accordion dalam mode controlled.
     * Jika true, state dikontrol oleh parent (AccordionGroup).
     */
    open?: boolean;
    /**
     * Callback ketika accordion di-toggle.
     */
    onToggle?: (isOpen: boolean) => void;
    /**
     * Apakah accordion disabled.
     */
    disabled?: boolean;
    /**
     * ClassName tambahan untuk container utama Accordion (opsional).
     */
    className?: string;
}
export default function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Accordion.d.ts.map