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

interface FeatureCardGridLinkedItem {
    /**
     * Unique identifier
     */
    id: string;
    /**
     * Card heading text
     */
    heading: string;
    /**
     * Label text displayed above heading
     */
    label: string;
    /**
     * Card description
     */
    description: string;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Link URL
     */
    url: string;
}
interface FeatureCardGridLinkedProps {
    /**
     * Section title
     */
    title?: string;
    /**
     * Array of feature cards
     */
    features?: FeatureCardGridLinkedItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * Feature Card Grid Linked - Two-column grid of feature cards with images,
 * labels, and clickable headings.
 *
 * Layout: Two-column grid with muted background cards, image thumbnails.
 * Key features: Clickable headings, label badges, image previews, hover effects.
 * Best for: Audience-specific features, role-based content, product categories.
 *
 * @example
 * ```tsx
 * <FeatureCardGridLinked
 *   title="A collection of extra blocks for your site"
 *   features={[
 *     {
 *       id: "1",
 *       heading: "Design System Approved",
 *       label: "FOR DESIGNERS",
 *       description: "Hundreds of components available in Figma.",
 *       image: "/design.jpg",
 *       url: "/designers"
 *     },
 *   ]}
 * />
 * ```
 */
declare function FeatureCardGridLinked({ title, features, className, optixFlowConfig, }: FeatureCardGridLinkedProps): react_jsx_runtime.JSX.Element;

export { FeatureCardGridLinked, type FeatureCardGridLinkedProps };
