import React from 'react';
interface BenefitCardProps {
    icon?: React.ReactNode;
    title: string;
    description: string;
    variant?: 'default' | 'dark' | 'auth-figma';
    className?: string;
}
export declare const BenefitCard: React.FC<BenefitCardProps>;
interface BenefitCardGridProps {
    children: React.ReactNode;
    className?: string;
    columns?: 2 | 3 | 4;
}
/**
 * Which dividers card `index` of `totalItems` draws in a `columns` grid. Pure:
 * the per-breakpoint row math (a 3-column grid lays out 1-up / 2-up / 3-up, so a
 * card's row differs per breakpoint) is what needs testing, and the grid itself
 * is a `cloneElement` over children.
 */
export declare function benefitCardBorderClass(index: number, totalItems: number, columns: NonNullable<BenefitCardGridProps['columns']>): string;
export declare const BenefitCardGrid: React.FC<BenefitCardGridProps>;
export {};
//# sourceMappingURL=benefit-card.d.ts.map