import React from 'react';
import type { ComponentPropsWithoutRef } from 'react';
import type { ElevationLevel } from '../../tokens/elevation';
export type CardBorder = 'light' | 'default' | 'heavy';
export interface CardProps extends Omit<ComponentPropsWithoutRef<'div'>, 'color'> {
    /**
     * Elevation level for the card.
     * @default '1'
     */
    elevationLevel?: ElevationLevel;
    /**
     * Border weight token.
     * @default 'heavy'
     */
    border?: CardBorder;
    /**
     * Elevation applied on hover when `interactive` is true.
     * Defaults to the next elevation level.
     */
    hoverElevationLevel?: ElevationLevel;
    /**
     * Enables hover affordance.
     * @default false
     */
    interactive?: boolean;
    /**
     * Padding for the card. Can be a CSS value string or number (in px).
     * @default 'var(--ai-spacing-16)'
     */
    padding?: string | number;
    /**
     * Show loading skeleton state
     * @default false
     */
    loading?: boolean;
    /**
     * Custom skeleton content to show when loading
     * If not provided, shows default skeleton layout
     */
    skeleton?: React.ReactNode;
    /**
     * Show error state
     * @default false
     */
    error?: boolean;
    /**
     * Error title to display
     * @default 'Something went wrong'
     */
    errorTitle?: string;
    /**
     * Error message to display
     */
    errorMessage?: string;
    /**
     * Retry handler for error state
     * When provided, shows a retry button
     */
    onErrorRetry?: () => void;
    /**
     * Custom error content to show when error is true
     * If not provided, shows default error message
     */
    errorContent?: React.ReactNode;
    /**
     * Optional test ID for testing purposes
     */
    'data-testid'?: string;
}
declare const CardWithCompounds: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
    Header: React.ForwardRefExoticComponent<import("./CardHeader").CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
    Body: React.ForwardRefExoticComponent<import("./CardBody").CardBodyProps & React.RefAttributes<HTMLDivElement>>;
    Footer: React.ForwardRefExoticComponent<import("./CardFooter").CardFooterProps & React.RefAttributes<HTMLDivElement>>;
    Image: React.ForwardRefExoticComponent<import("./CardImage").CardImageProps & React.RefAttributes<HTMLImageElement>>;
    Actions: React.ForwardRefExoticComponent<import("./CardActions").CardActionsProps & React.RefAttributes<HTMLDivElement>>;
    ActionButton: React.ForwardRefExoticComponent<import("./CardActions").CardActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
    Title: React.ForwardRefExoticComponent<import("./CardTitle").CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
    Description: React.ForwardRefExoticComponent<import("./CardDescription").CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
    Badge: React.ForwardRefExoticComponent<import("./CardBadge").CardBadgeProps & React.RefAttributes<HTMLSpanElement>>;
    Chip: React.ForwardRefExoticComponent<import("./CardChip").CardChipProps & React.RefAttributes<HTMLSpanElement | HTMLButtonElement>>;
};
export { CardWithCompounds as Card };
//# sourceMappingURL=Card.d.ts.map