import { default as React } from 'react';
export interface ContentCardProps {
    /** Accepts any content as children */
    children: React.ReactNode;
    /**
     * Amount of padding to add on all sides of card.
     * For custom padding control, use `none` and compose your own element(s)
     * in ContentCard children.
     */
    paddingSize?: "xs" | "s" | "m" | "l" | "xl" | "none";
    /**
     * Kind of card to render.
     *
     * `plain`: flat, rounded rect
     *
     * `elevated`: rounded rect with shadow
     *
     * `toggle`: toggle button (checkbox-like)
     *
     * `button`: action button (button-like)
     *
     * `bordered`: flat, rounded rect with border
     *
     * `ai`: card variant styled for AI-related content or features
     */
    kind?: "plain" | "elevated" | "toggle" | "button" | "bordered" | "ai";
    /**
     * Amount of border radius to add on all sides of card.
     */
    radiusSize?: "s" | "m" | "l";
    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
    /**
     * Only applicable for `toggle` type.
     * Renders card in visually selected state with appropriate attributes.
     */
    isSelected?: boolean;
    /**
     * Only applicable for `toggle` type.
     * Renders card in visually selected state with appropriate attributes.
     */
    testId?: string;
    /**
     * Error state for `toggle` and `button` variants
     */
    error?: string;
    /**
     * Disables the card, preventing any click events.
     */
    isDisabled?: boolean;
    /** @deprecated Use `isDisabled` instead */
    disabled?: boolean;
}
/**
 * Narmi style content containers, with support for rendering as an interactive button.
 */
declare const ContentCard: {
    ({ kind, paddingSize, onClick, isSelected, children, testId, radiusSize, error, isDisabled: isDisabledProp, disabled: disabledProp, }: ContentCardProps): React.JSX.Element;
    propTypes: {
        onClick: (props: any, propName: any) => Error;
    };
};
export default ContentCard;
//# sourceMappingURL=index.d.ts.map