import { ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from 'react';
interface CollapsiblePanelOwnProps<C extends ElementType = 'div'> {
    /**
     * Panel content. Put block padding on a **nested** element - the panel itself animates its `height` to zero, so vertical padding on it would keep it from fully collapsing.
     */
    children?: ReactNode;
    /** Extra classes for the panel root. */
    className?: string;
    /**
     * Keep the panel mounted (at `height: 0`) while collapsed instead of unmounting it - preserves internal state and scroll position.
     *
     * Default `false`: the panel still animates closed, then unmounts once the animation finishes.
     */
    keepMounted?: boolean;
    /** Polymorphic root element. Defaults to `'div'`. */
    as?: C;
    /** Forwarded to the polymorphic root element. */
    ref?: Ref<HTMLElement>;
}
export type CollapsiblePanelProps<C extends ElementType = 'div'> = CollapsiblePanelOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof CollapsiblePanelOwnProps<C>>;
/** Shape of `CollapsiblePanel` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
export type CollapsiblePanelDefaultProps = Partial<Omit<CollapsiblePanelOwnProps, 'as' | 'ref' | 'children'>>;
/**
 * The collapsible content region. Renders a single element whose `height`
 * animates between `0` and its measured natural height (`scrollHeight`),
 * settling on `auto` while open so it reflows with its content. Carries the
 * `region` role and aria wiring back to its trigger, and a `data-open`
 * attribute for styling.
 *
 * Honors `prefers-reduced-motion` (snaps instantly) and skips the animation on
 * first mount.
 */
export declare const CollapsiblePanel: <C extends ElementType = "div">(props: CollapsiblePanelProps<C>) => import("react/jsx-runtime").JSX.Element | null;
export {};
//# sourceMappingURL=CollapsiblePanel.d.ts.map