import * as React from 'react';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

interface FeatureChecklistItem {
    /**
     * Checklist item content
     */
    content?: React.ReactNode;
    /**
     * Icon element (overrides default check icon)
     */
    icon?: React.ReactNode;
    /**
     * Icon name for dynamic icon loading
     */
    iconName?: string;
    /**
     * Additional CSS classes for the item
     */
    className?: string;
}
interface FeatureChecklistImageProps {
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Image source URL
     */
    imageSrc?: string;
    /**
     * Image alt text for accessibility
     */
    imageAlt?: string;
    /**
     * Image element or ReactNode (overrides imageSrc)
     */
    imageSlot?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Array of checklist items (can be strings or FeatureChecklistItem objects)
     */
    checklistItems?: (string | FeatureChecklistItem)[];
    /**
     * Custom slot for rendering checklist (overrides checklistItems array)
     */
    checklistSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentWrapperClassName?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the checklist
     */
    checklistClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * Feature Checklist Image - Two-column layout with large image and text content
 * featuring a checklist of benefits.
 *
 * Layout: Split layout with image on left, content with checklist on right.
 * Key features: Large rounded image, checklist with check icons, CTA button.
 * Best for: Technology stack highlights, feature benefits, product capabilities.
 *
 * @example
 * ```tsx
 * <FeatureChecklistImage
 *   title="Built with the latest technology stack"
 *   description="Modern tools and frameworks for optimal performance."
 *   imageSrc="/tech-stack.jpg"
 *   checklistItems={["Quality", "Multi-purpose", "Easy to use", "Fast"]}
 *   actions={[{ label: "Learn more", href: "/features", variant: "outline" }]}
 * />
 * ```
 */
declare function FeatureChecklistImage({ title, description, imageSrc, imageAlt, imageSlot, actions, actionsSlot, checklistItems, checklistSlot, className, containerClassName, contentWrapperClassName, imageClassName, contentClassName, titleClassName, descriptionClassName, actionsClassName, checklistClassName, optixFlowConfig, }: FeatureChecklistImageProps): React.JSX.Element;

export { FeatureChecklistImage, type FeatureChecklistImageProps };
