import React from 'react';
import { FlintAccordion as FlintAccordionElement } from '@getufy/flint-ui/accordion/flint-accordion';
export interface FlintAccordionChangeDetail {
    expanded: boolean;
}
/**
 * Accordion: the wrapper for grouping related components.
 *
 * @slot (default) - FlintAccordionSummary and FlintAccordionDetails.
 */
export interface FlintAccordionProps extends React.HTMLAttributes<FlintAccordionElement> {
    /** If true, expands the accordion by default. */
    expanded?: boolean;
    /** Initial expanded state for uncontrolled usage. */
    defaultExpanded?: boolean;
    /** If true, the accordion is disabled. */
    disabled?: boolean;
    /**
     * Fired when the accordion's expanded state changes. detail: `{ expanded: boolean }`
     * DOM event: `flint-accordion-change`
     */
    onFlintAccordionChange?: (event: CustomEvent<FlintAccordionChangeDetail>) => void;
}
export declare const FlintAccordion: React.ForwardRefExoticComponent<FlintAccordionProps & React.RefAttributes<FlintAccordionElement>>;