import { MouseEvent, KeyboardEvent } from 'react';
export interface CardProps {
    /** Unique identifier for the card */
    id: string;
    /** Title displayed in the card header */
    title?: string;
    /** Content to display in the card body */
    content?: React.ReactNode;
    /** Content to display in the card footer */
    footer?: React.ReactNode;
    /** URL of the image to display */
    image?: string;
    /** Visual style variant of the card */
    variant?: 'default' | 'elevated' | 'outlined';
    /** Size variant of the card */
    size?: 'small' | 'medium' | 'large';
    /** Whether the card is clickable */
    clickable?: boolean;
    /** URL to navigate to when card is clicked */
    url?: string;
    /** Additional class names */
    className?: string;
    /** Card content as children */
    children?: React.ReactNode;
    /** Click handler for the card */
    onClick?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
    /** ARIA label for accessibility */
    'aria-label'?: string;
    /** ID of the element that labels this card */
    'aria-labelledby'?: string;
    /** ID of the element that describes this card */
    'aria-describedby'?: string;
    /** Role attribute for semantic meaning */
    role?: string;
    /** Tab order of the card */
    tabIndex?: number;
}
//# sourceMappingURL=types.d.ts.map