import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface FeatureChecklistItem {
    /**
     * Checklist item content
     */
    content?: React.ReactNode;
    /**
     * Text content alias used by some generated payloads
     */
    text?: React.ReactNode;
    /**
     * Label content alias used by some generated payloads
     */
    label?: React.ReactNode;
    /**
     * Checklist item title
     */
    title?: React.ReactNode;
    /**
     * Checklist item description
     */
    description?: 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)[];
    /**
     * Alias for checklistItems used by registry examples and builder payloads
     */
    benefits?: (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;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * 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({ sectionId, title, description, titleClassName, descriptionClassName, imageSrc, imageAlt, imageSlot, actions, actionsSlot, checklistItems, benefits, checklistSlot, className, containerClassName, contentWrapperClassName, imageClassName, contentClassName, actionsClassName, checklistClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureChecklistImageProps): React.JSX.Element;

export { FeatureChecklistImage, type FeatureChecklistImageProps };
