import { type ReactNode } from "react";
export type DisclosureIcon = "chevron" | "plus" | ReactNode;
export type DisclosureIconPosition = "left" | "right";
export type DisclosureSize = "sm" | "md" | "lg";
export type DisclosureVariant = "default" | "ghost" | "bordered";
export interface DisclosureProps {
    /** Always-visible label on the trigger row */
    title: ReactNode;
    /** Content shown when the disclosure is expanded */
    children: ReactNode;
    /** Initial expanded state (uncontrolled) */
    defaultOpen?: boolean;
    /** Controlled expanded state */
    open?: boolean;
    /** Called when the expanded state changes */
    onOpenChange?: (open: boolean) => void;
    /**
     * Marker icon. Use `"chevron"` (default) or `"plus"` for the built-in
     * icons, or pass any ReactNode for a custom marker. Custom markers are
     * not auto-rotated.
     */
    icon?: DisclosureIcon;
    /** Which side the marker appears on */
    iconPosition?: DisclosureIconPosition;
    /** Trigger row density */
    size?: DisclosureSize;
    /** Visual treatment */
    variant?: DisclosureVariant;
    /** Additional class on the root wrapper */
    className?: string;
    /** Additional class on the trigger button */
    triggerClassName?: string;
    /** Additional class on the content region */
    contentClassName?: string;
    /** Disables the trigger */
    disabled?: boolean;
}
export declare const Disclosure: import("react").ForwardRefExoticComponent<DisclosureProps & import("react").RefAttributes<HTMLDivElement>>;