import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName, m as ContainerMaxWidth } from './community-initiatives-rTRuDt0r.js';
import { ActionConfig } from '@page-speed/maps/components/geo-map';
import { I as ImageItem, O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * CarouselFeatureBadge
 *
 * A two-column feature section with a badge label, headline, description text,
 * and an interactive carousel showcasing platform screenshots or feature images.
 * Includes previous/next navigation controls for browsing through carousel items.
 *
 * Use cases:
 * - Product feature showcases with visual demonstrations
 * - Platform overview sections with screenshot galleries
 * - Marketing landing pages highlighting key capabilities
 */

interface CarouselFeatureBadgeProps {
    /**
     * Variant of the slide layout
     */
    slideLayoutVariant?: "horizontal" | "vertical" | "square";
    /**
     * Badge/eyebrow content above heading
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Array of image items for the carousel
     */
    items?: ImageItem[];
    /**
     * Custom slot for rendering carousel items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content column
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the carousel container
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for each carousel item
     */
    carouselItemClassName?: 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;
    /**
     * Optional max width for the content container
     */
    containerMaxWidth?: ContainerMaxWidth;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
}
declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, actions, actionsSlot, actionsClassName, background, containerClassName, spacing, pattern, patternOpacity, slideLayoutVariant, containerMaxWidth, }: CarouselFeatureBadgeProps): React.JSX.Element;

export { CarouselFeatureBadge, type CarouselFeatureBadgeProps };
