import * as React from 'react';
import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface FeatureImageCardsThreeColumnItem {
    /**
     * Icon element (overrides iconName)
     */
    icon?: React.ReactNode;
    /**
     * Icon name in format: prefix/name (e.g., "lucide/zap")
     */
    iconName?: string;
    /**
     * Avatar image URL (alternative to icon)
     */
    avatarSrc?: string;
    /**
     * Badge text content
     */
    badgeText?: React.ReactNode;
    /**
     * Card title content
     */
    title?: React.ReactNode;
    /**
     * Link text content
     */
    linkText?: React.ReactNode;
    /**
     * Link URL
     */
    link?: string;
    /**
     * onClick handler for the card
     */
    onClick?: () => void;
    /**
     * Image source URL
     */
    imageSrc?: string;
    /**
     * Image alt text
     */
    imageAlt?: string;
    /**
     * Custom slot for image (overrides imageSrc)
     */
    imageSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the card
     */
    className?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the link text
     */
    linkClassName?: string;
}
interface FeatureImageCardsThreeColumnProps {
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of card items
     */
    cards?: FeatureImageCardsThreeColumnItem[];
    /**
     * Custom slot for rendering cards (overrides cards array)
     */
    cardsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the grid
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for each card
     */
    cardClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * Feature Image Cards Three Column - Three-column grid of image cards with
 * gradient overlays, badges, and CTAs.
 *
 * Layout: Three equal-width cards with full-height images and overlays.
 * Key features: Gradient overlays, icon/avatar badges, hover animations, CTAs.
 * Best for: Portfolio showcases, product categories, feature highlights.
 *
 * @example
 * ```tsx
 * <FeatureImageCardsThreeColumn
 *   title="Versatile Designs"
 *   description="Personalize the box to fit your requirements"
 *   cards={[
 *     {
 *       iconName: "lucide/zap",
 *       badgeText: "Advanced tools",
 *       title: "Transform your website",
 *       linkText: "Explore all features",
 *       link: "/features",
 *       imageSrc: "/feature.jpg",
 *       imageAlt: "Feature"
 *     },
 *   ]}
 * />
 * ```
 */
declare function FeatureImageCardsThreeColumn({ title, description, cards, cardsSlot, className, containerClassName, titleClassName, descriptionClassName, gridClassName, cardClassName, optixFlowConfig, }: FeatureImageCardsThreeColumnProps): React.JSX.Element;

export { FeatureImageCardsThreeColumn, type FeatureImageCardsThreeColumnProps };
