import React from 'react';
export type CardVariant = 'default' | 'elevated' | 'outlined';
export type CardSize = 'small' | 'medium' | 'large';
export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
    /**
     * Card title displayed in the header
     */
    title?: React.ReactNode;
    /**
     * 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;
    /**
     * Alternative text for the image
     */
    imageAlt?: string;
    /**
     * Visual style variant of the card
     * @default 'default'
     */
    variant?: CardVariant;
    /**
     * Size variant of the card
     * @default 'medium'
     */
    size?: CardSize;
    /**
     * Whether the card is clickable
     * @default false
     */
    clickable?: boolean;
    /**
     * URL to navigate to when card is clicked
     */
    url?: string;
    /**
     * Whether the card has hover effects
     * @default false
     */
    hoverable?: boolean;
    /**
     * Card content as children
     */
    children?: React.ReactNode;
}
/**
 * TailwindCard component for displaying content in a card layout
 *
 * A versatile card component with support for headers, footers, images,
 * and various visual styles. Built with Tailwind CSS for optimal flexibility.
 *
 * @example
 * // Basic usage
 * <TailwindCard title="Card Title">
 *   This is the card content
 * </TailwindCard>
 *
 * @example
 * // With image and footer
 * <TailwindCard
 *   title="Featured Article"
 *   image="/article-image.jpg"
 *   footer={<Button>Read more</Button>}
 * >
 *   Article preview text goes here...
 * </TailwindCard>
 */
export declare const TailwindCard: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
export default TailwindCard;
//# sourceMappingURL=TailwindCard.d.ts.map