import * as react_jsx_runtime from 'react/jsx-runtime';

interface FeatureIconGridAccentItem {
    /**
     * Icon name in format: prefix/name (e.g., "lucide/zoom-in")
     */
    icon: string;
    /**
     * Feature title
     */
    title: string;
    /**
     * Feature description
     */
    description: string;
}
interface FeatureIconGridAccentProps {
    /**
     * Section label text
     */
    label?: string;
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Array of feature items
     */
    features?: FeatureIconGridAccentItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
}
/**
 * Feature Icon Grid Accent - Two-column grid of features with accent background
 * cards and icon badges.
 *
 * Layout: Centered header with two-column grid of accent-colored cards.
 * Key features: Accent background cards, circular icon badges, generous spacing.
 * Best for: Value propositions, unique selling points, company differentiators.
 *
 * @example
 * ```tsx
 * <FeatureIconGridAccent
 *   label="WHY WE ARE UNIQUE"
 *   title="Bringing the best to you"
 *   features={[
 *     { icon: "lucide/zoom-in", title: "Quality", description: "Built with care" },
 *     { icon: "lucide/zap", title: "Innovation", description: "Cutting-edge tech" },
 *   ]}
 * />
 * ```
 */
declare function FeatureIconGridAccent({ label, title, description, features, className, }: FeatureIconGridAccentProps): react_jsx_runtime.JSX.Element;

export { FeatureIconGridAccent, type FeatureIconGridAccentProps };
