import * as React from 'react';
export interface ComplianceBadge {
    icon: React.ReactNode;
    label: string;
    description?: string;
}
export interface ComplianceBadgeRowProps extends React.HTMLAttributes<HTMLDivElement> {
    badges: ComplianceBadge[];
}
/**
 * A row of certification/compliance badges (e.g. SOC 2, GDPR, WCAG 2.1 AA).
 *
 * @description
 * Renders a left-aligned grid where each badge pairs a token-radius outlined
 * icon chip with a label and an optional short description, built entirely
 * from theme tokens so it reskins across all Xertica-ui themes and dark mode.
 *
 * @ai-rules
 * 1. Provide `badges` as `{ icon, label, description? }` — `icon` should be a small lucide-react element.
 * 2. Keep `label` and `description` short — badges sit in a `grid-cols-2 sm:grid-cols-4` layout, so each column has limited width.
 * 3. Do not hand-roll badge styling elsewhere — this component owns the icon-chip/label/description layout.
 */
export declare function ComplianceBadgeRow({ badges, className, ...props }: ComplianceBadgeRowProps): React.JSX.Element;