import React from "react";
export interface InteractiveCardProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Children elements to render inside the card
     */
    children: React.ReactNode;
    /**
     * Click handler for the card
     */
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
    /**
     * Enable clickable/hover behavior
     * Default: true if onClick is provided, false otherwise
     */
    clickable?: boolean;
    /**
     * Custom hover accent color (default: ods-accent)
     * When provided, border and h3 titles will use this color on hover
     */
    hoverAccentColor?: string;
    /**
     * Additional CSS classes
     */
    className?: string;
}
/**
 * InteractiveCard - Base component for clickable cards with hover effects
 *
 * Provides the same hover pattern as VendorCard and OrganizationCard:
 * - Border changes to accent color on hover
 * - H3 titles change to accent color on hover
 * - Smooth transitions
 * - Cursor pointer
 * - Group class for child hover states
 *
 * Usage Examples:
 *
 * ```typescript
 * // Basic clickable card
 * <InteractiveCard onClick={() => navigate('/details')}>
 *   <h3>Title</h3>
 *   <p>Content...</p>
 * </InteractiveCard>
 *
 * // With custom accent color
 * <InteractiveCard
 *   onClick={handleClick}
 *   hoverAccentColor="#00D4AA"
 * >
 *   <h3>Title changes to cyan on hover</h3>
 * </InteractiveCard>
 *
 * // Non-clickable card (no hover)
 * <InteractiveCard clickable={false}>
 *   <h3>Static content</h3>
 * </InteractiveCard>
 * ```
 */
export declare const InteractiveCard: React.ForwardRefExoticComponent<InteractiveCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=interactive-card.d.ts.map