import { default as React } from 'react';
export type FeatureCardColor = 'green' | 'blue' | 'purple' | 'orange' | 'red' | 'indigo' | 'cyan' | 'emerald' | 'pink' | 'gray';
export interface FeatureCardProps {
    /**
     * Icon or emoji to display
     */
    icon: React.ReactNode;
    /**
     * Title of the feature
     */
    title: string;
    /**
     * Description of the feature
     */
    description: string;
    /**
     * List of benefits (shown as bullet points)
     */
    benefits?: string[];
    /**
     * Metrics to display (shown in grid)
     */
    metrics?: {
        [key: string]: string;
    };
    /**
     * Color theme for the card
     */
    color?: FeatureCardColor;
    /**
     * Highlight this card with gradient background
     */
    isHighlight?: boolean;
    /**
     * URL for learn more link (makes card clickable)
     */
    learnMoreUrl?: string;
    /**
     * Optional CTA element
     */
    cta?: React.ReactNode;
    /**
     * Optional click handler
     */
    onClick?: () => void;
    /**
     * If true, adds hover effects and cursor pointer
     */
    interactive?: boolean;
    /**
     * Show colored left border accent
     */
    borderColor?: boolean;
    /**
     * Additional className
     */
    className?: string;
}
export declare const FeatureCard: React.FC<FeatureCardProps>;
//# sourceMappingURL=FeatureCard.d.ts.map