import { default as ICollapsibleProps } from './ICollapsibleProps';
/**
 * Collapsible component that shows and hides content with a smooth animation.
 * Used for hiding non-critical content to reduce visual clutter on interfaces.
 *
 * @component
 *
 * @param props {@link ICollapsibleProps} - The component props
 *
 * @example
 * // Basic usage
 * <Collapsible
 *   triggerContent="Click to expand"
 *   content="Hidden content that appears when expanded"
 * />
 *
 * @example
 * // Open by default with icon indicator
 * <Collapsible
 *   triggerContent="Section title"
 *   content="Detailed content for this section"
 *   defaultOpen={true}
 *   showIcon={true}
 * />
 *
 * @example
 * // With custom trigger and content
 * <Collapsible
 *   triggerContent={<Button>Toggle details</Button>}
 *   content={<Card>Detailed information in a card</Card>}
 *   asChild={true}
 * />
 *
 * @returns {JSX.Element} Collapsible component
 */
declare const Collapsible: {
    ({ triggerContent, content, defaultOpen, asChild, showIcon }: ICollapsibleProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default Collapsible;