import * as React from "react";
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
/**
 * Collapsible Component
 *
 * A collapsible content component that can be toggled open and closed.
 *
 * @example
 * ```tsx
 * <Collapsible>
 *   <CollapsibleTrigger>Toggle Content</CollapsibleTrigger>
 *   <CollapsibleContent>Hidden content here</CollapsibleContent>
 * </Collapsible>
 * ```
 */
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
declare namespace Collapsible {
    var displayName: string;
}
/**
 * CollapsibleTrigger Component
 *
 * The trigger button that controls the collapsible state.
 */
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
declare namespace CollapsibleTrigger {
    var displayName: string;
}
/**
 * CollapsibleContent Component
 *
 * The content that is shown/hidden based on the collapsible state.
 */
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
declare namespace CollapsibleContent {
    var displayName: string;
}
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
//# sourceMappingURL=collapsible.d.ts.map