import React from 'react';
import { FlintCard as FlintCardElement } from '@getufy/flint-ui/card/flint-card';
/**
 * A card container with optional interactive behavior.
 *
 * @slot (default) - Card content (header, content, actions, media sub-components).
 */
export interface FlintCardProps extends React.HTMLAttributes<FlintCardElement> {
    /**
     * Visual style variant of the card.
     * Allowed values: 'elevated' | 'outlined' | 'flat'
     */
    variant?: 'elevated' | 'outlined' | 'flat';
    interactive?: boolean;
    /** When true, shows skeleton placeholders instead of card content. */
    loading?: boolean;
    /**
     * Fired when an interactive card is clicked or activated via keyboard (Enter/Space).
     * DOM event: `flint-card-click`
     */
    onFlintCardClick?: (event: CustomEvent) => void;
}
export declare const FlintCard: React.ForwardRefExoticComponent<FlintCardProps & React.RefAttributes<FlintCardElement>>;