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

/**
 * Item configuration for carousel gradient overlay cards.
 */
interface CarouselGradientOverlayItem {
    /**
     * Unique identifier for the item
     */
    id: string;
    /**
     * Title of the card
     */
    title: React.ReactNode;
    /**
     * Description text
     */
    description: React.ReactNode;
    /**
     * Link URL for the card
     */
    href: string;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Alt text for the image
     */
    imageAlt?: string;
    /**
     * Additional CSS classes for the card
     */
    className?: string;
}
interface CarouselGradientOverlayProps {
    /**
     * Main title content
     */
    title?: React.ReactNode;
    /**
     * Description text below title
     */
    description?: React.ReactNode;
    /**
     * Array of card items to display
     */
    items?: CarouselGradientOverlayItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Text for the "Read more" link
     */
    readMoreText?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the header container
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the navigation controls
     */
    controlsClassName?: string;
    /**
     * Additional CSS classes for the carousel wrapper
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for the carousel content
     */
    carouselContentClassName?: string;
    /**
     * Additional CSS classes for each carousel item
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for each card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for each image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the gradient overlay
     */
    gradientClassName?: string;
    /**
     * Additional CSS classes for the indicators
     */
    indicatorsClassName?: string;
    /**
     * 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;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * CarouselGradientOverlay displays cards with gradient overlay and dot indicators.
 *
 * Each card features a full-bleed background image with a gradient overlay from
 * primary color, title, description, and "Read more" link. Includes dot navigation
 * indicators at the bottom and arrow buttons in the header. Ideal for showcasing
 * case studies, portfolio items, or featured content with strong visual impact.
 *
 * @example
 * ```tsx
 * <CarouselGradientOverlay
 *   title="Case Studies"
 *   description="Discover how leading companies leverage modern web technologies."
 *   items={[
 *     {
 *       id: "1",
 *       title: "E-commerce Platform",
 *       description: "A complete redesign of the shopping experience",
 *       href: "/case-studies/ecommerce",
 *       image: "/images/case-1.jpg"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselGradientOverlay({ title, description, items, itemsSlot, readMoreText, className, headerClassName, titleClassName, descriptionClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, cardClassName, imageClassName, gradientClassName, indicatorsClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselGradientOverlayProps): React.JSX.Element;

export { CarouselGradientOverlay, type CarouselGradientOverlayItem, type CarouselGradientOverlayProps };
