import { InteractiveCardProps } from './types';
/**
 * InteractiveCard component for creating clickable cards with nested interactive elements.
 *
 * Features:
 * - Clickable card area that can be a button or link
 * - Supports nested interactive elements without accessibility violations
 * - Uses sibling structure with pointer-events to avoid nested button issues
 * - Box-shadow feedback on hover and focus of any interactive element
 * - Full keyboard accessibility with proper focus management
 * - Touch-friendly with mobile support
 * - Customizable padding and background variants via contentProps
 * - WCAG AA 2.2 compliant
 * - Required ARIA labels for screen reader support
 * - Supports all Card props for styling and layout via contentProps
 *
 * @example
 * // Button card with nested actions
 * <InteractiveCard
 *   wrapperProps={{ "aria-label": "Kitchen Measurement 2 card" }}
 *   actionProps={{
 *     "aria-label": "Expand Kitchen Measurement 2",
 *     onClick: handleExpand,
 *   }}
 *   contentProps={{ padding: "large" }}
 * >
 *   <Text variant="headline">Kitchen Measurement 2</Text>
 *   <Button>Exact Size</Button>
 *   <Button>Block Size</Button>
 * </InteractiveCard>
 *
 * @example
 * // Link card with nested actions
 * <InteractiveCard
 *   wrapperProps={{ "aria-label": "Tommy Lee's Project card" }}
 *   actionProps={{
 *     "aria-label": "Navigate to Tommy Lee's Project",
 *     href: "/project/123",
 *   }}
 *   contentProps={{ padding: "large" }}
 * >
 *   <Text variant="headline">Tommy Lee's Project</Text>
 *   <IconButton icon={Edit} onClick={(e) => {
 *     e.preventDefault();
 *     handleEdit();
 *   }} />
 * </InteractiveCard>
 */
export declare const InteractiveCard: import('react').ForwardRefExoticComponent<InteractiveCardProps & import('react').RefAttributes<HTMLDivElement>>;