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

interface FeatureUtilityCardsGridItem {
    /**
     * Utility title
     */
    title: string;
    /**
     * Utility description
     */
    description: string;
    /**
     * Image source URL
     */
    image: string;
}
interface FeatureUtilityCardsGridProps {
    /**
     * Section label text
     */
    label?: string;
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Learn more link URL
     */
    learnMoreUrl?: string;
    /**
     * Array of utility items
     */
    utilities?: FeatureUtilityCardsGridItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * Feature Utility Cards Grid - Six-card grid showcasing utilities with images
 * and descriptions.
 *
 * Layout: Header with separator, two-column intro, three-column card grid.
 * Key features: Icon label, separator line, image cards, hover effects.
 * Best for: Utility showcases, integration highlights, tool collections.
 *
 * @example
 * ```tsx
 * <FeatureUtilityCardsGrid
 *   label="Utilities"
 *   title="What you can do with our utilities?"
 *   utilities={[
 *     { title: "Integrations", description: "Connect your tools", image: "/integrations.jpg" },
 *   ]}
 * />
 * ```
 */
declare function FeatureUtilityCardsGrid({ label, title, description, learnMoreUrl, utilities, className, optixFlowConfig, }: FeatureUtilityCardsGridProps): react_jsx_runtime.JSX.Element;

export { FeatureUtilityCardsGrid, type FeatureUtilityCardsGridProps };
