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

interface FeatureIntegrationCardsItem {
    /**
     * Integration icon/logo URL
     */
    icon: string;
    /**
     * Integration title
     */
    title: string;
    /**
     * Integration description
     */
    description: string;
    /**
     * Link URL
     */
    link: string;
}
interface FeatureIntegrationCardsProps {
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Array of integration items
     */
    integrations?: FeatureIntegrationCardsItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * Feature Integration Cards - Grid of integration cards with icons, descriptions,
 * and visit website links.
 *
 * Layout: Centered header with four-column grid of bordered cards.
 * Key features: Icon badges, visit website buttons, hover effects, responsive grid.
 * Best for: Integration showcases, app directories, partner listings.
 *
 * @example
 * ```tsx
 * <FeatureIntegrationCards
 *   title="Integrations"
 *   description="Connect with your favorite tools."
 *   integrations={[
 *     { icon: "/slack.png", title: "Slack", description: "Team messaging", link: "/integrations/slack" },
 *   ]}
 * />
 * ```
 */
declare function FeatureIntegrationCards({ title, description, integrations, className, optixFlowConfig, }: FeatureIntegrationCardsProps): react_jsx_runtime.JSX.Element;

export { FeatureIntegrationCards, type FeatureIntegrationCardsProps };
