import { default as React } from 'react';
export type CollapsibleCardTrigger = "header" | "caret-start" | "caret-end";
export type CollapsibleCardKind = "ai" | "default";
export type CollapsibleCardRadiusSize = "s" | "m" | "l";
export interface CollapsibleCardProps {
    /** Accepts any content as children */
    children: React.ReactNode;
    /** Card title */
    title?: string;
    /** Card subtitle */
    subtitle?: string;
    /** Card status text, placed on the right side of the title container. Can be a JSX fragment. */
    statusText?: React.ReactNode;
    /** Controls whether card is opened */
    isOpen: boolean;
    /** Callback to handle user opening card */
    onOpen?: () => void;
    /** Callback to handle user closing card */
    onClose?: () => void;
    /** Disabled cards are greyed out and do not open */
    isDisabled?: boolean;
    /** Callback to handle user clicking on disabled card */
    onDisabledClick?: () => void;
    /** Displays a red border on the card. Does not interfere with user interactions */
    hasError?: boolean;
    /** Disable hover. Useful for cards that are always open */
    disableHover?: boolean;
    /** Controls which element is used as the open/close trigger */
    trigger?: CollapsibleCardTrigger;
    /**
     * User-defined render prop that returns JSX.
     * Called with `(isOpen)` arg you may use for conditional rendering in your custom title JSX.
     */
    renderTitle?: (isOpen: boolean) => React.ReactNode;
    /**
     * Amount of border radius to add on all sides of card.
     */
    radiusSize?: CollapsibleCardRadiusSize;
    /**
     * Visual variant of the Collapsible card.
     */
    kind?: CollapsibleCardKind;
}
declare const CollapsibleCard: ({ title, subtitle, statusText, isOpen, trigger, onOpen, onClose, isDisabled, onDisabledClick, renderTitle, hasError, disableHover, children, radiusSize, kind, }: CollapsibleCardProps) => React.JSX.Element;
export default CollapsibleCard;
//# sourceMappingURL=index.d.ts.map