import React from 'react';
import { FlintCollapsible as FlintCollapsibleElement } from '@getufy/flint-ui/collapsible/flint-collapsible';
export interface FlintCollapsibleChangeDetail {
    open: boolean;
}
/**
 * Root container for a collapsible panel.
Manages open/closed state and coordinates child trigger and content.
 *
 * @slot (default) - Accepts `flint-collapsible-trigger`, `flint-collapsible-content`, and any other elements that should always be visible.
 */
export interface FlintCollapsibleProps extends React.HTMLAttributes<FlintCollapsibleElement> {
    /** Current open state (controlled). When set, the component reflects this state and does not manage its own state. Reflects to attribute for CSS targeting. */
    open?: boolean;
    /** Initial open state (uncontrolled). Only used on first render; ignored after mount. */
    defaultOpen?: boolean;
    /** Disables the trigger, preventing user interaction. */
    disabled?: boolean;
    /**
     * Fired when the open state changes. detail: `{ open: boolean }`
     * DOM event: `flint-collapsible-change`
     */
    onFlintCollapsibleChange?: (event: CustomEvent<FlintCollapsibleChangeDetail>) => void;
}
export declare const FlintCollapsible: React.ForwardRefExoticComponent<FlintCollapsibleProps & React.RefAttributes<FlintCollapsibleElement>>;