import * as React from 'react';
export type BlockColor = 'primary' | 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5' | 'success' | 'info' | 'warning' | 'destructive';
export interface TopAccentCardItem {
    title: string;
    body: string;
    bullets?: string[];
    color?: BlockColor;
    className?: string;
}
export interface TopAccentCardsProps {
    items: TopAccentCardItem[];
    className?: string;
}
/**
 * Two-up framing cards with a colored top-border accent.
 *
 * @description
 * A lightweight pairing block for "mission vs. problem" style framing copy:
 * each card is a bordered `Card` whose top edge is thickened and tinted per
 * `color`, with a title, body copy, and an optional plain bullet list. No
 * icon chip and no CTA — use `ServiceCardGrid` when those are needed.
 *
 * @ai-rules
 * 1. Each item's `color` maps to `colorTokens` and only tints the top border — never hardcode colors.
 * 2. Keep the neutral `border-border` class before the accent `border-t-{color}` class in any className override — tailwind-merge drops the accent if the order is reversed.
 * 3. Designed for 2 items; more will simply wrap onto a new row at the `sm:grid-cols-2` breakpoint.
 * 4. `bullets` render as plain dot markers (no checkmark) — use `ServiceCardGrid`'s `checklist` instead when a checkmark/CTA is needed.
 */
export declare function TopAccentCards({ items, className }: TopAccentCardsProps): React.JSX.Element;