import { default as React } from 'react';
export type BaseCardVariant = "default" | "installed" | "available";
export type BaseCardState = "idle" | "loading" | "active" | "disabled" | "warning";
export type BaseCardDirection = "column" | "row";
export interface BaseCardProps {
    /** Card content */
    children: React.ReactNode;
    /** Additional CSS class names */
    className?: string;
    /**
     * Inline style escape hatch. Intended for passing dynamic CSS custom
     * properties (e.g. `{ "--corner-accent-color": brandColor }`) that cannot be
     * expressed as a static class. Avoid using it for static layout.
     */
    style?: React.CSSProperties;
    /** Click handler - also enables clickable styling */
    onClick?: () => void;
    /** Keyboard event handler */
    onKeyDown?: (e: React.KeyboardEvent) => void;
    /** Whether the card should have clickable styling (auto-enabled if onClick provided) */
    clickable?: boolean;
    /** Card visual variant */
    variant?: BaseCardVariant;
    /**
     * Flex layout direction of the card's content.
     * Defaults to `"column"` (content stacks vertically). Pass `"row"` for a
     * horizontal layout (icon + content, text + badge, info + actions). Without
     * this, a horizontal layout silently collapses into a centered vertical
     * stack because the base style forces `flex-direction: column`.
     */
    direction?: BaseCardDirection;
    /** Card state for animations and visual feedback */
    state?: BaseCardState;
    /** Whether to show hover effects (default: true) */
    hoverable?: boolean;
    /** Accessibility label */
    ariaLabel?: string;
    /** ARIA role override (default: "button" when clickable) */
    role?: string;
    /** ARIA checked state for radio/checkbox roles */
    ariaChecked?: boolean;
    /** Tab index for keyboard navigation */
    tabIndex?: number;
    /** Test ID for testing */
    testId?: string;
}
/**
 * BaseCard provides a consistent foundation for card-style UI components.
 *
 * Features:
 * - Unified hover effects (lift, shadow, border)
 * - State-based styling (loading, active, disabled)
 * - Accessibility support (keyboard navigation, focus styles)
 * - Reduced motion preference support
 */
export declare const BaseCard: React.ForwardRefExoticComponent<BaseCardProps & React.RefAttributes<HTMLDivElement>>;
export default BaseCard;