import * as React from 'react';
import { f as SectionBackground } from './community-initiatives-hxnFe3w6.js';
import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';

/**
 * Extended testimonial item with background image for carousel
 */
interface CarouselTestimonialItem extends TestimonialItem {
    /**
     * Background image URL for the slide
     */
    backgroundImage?: string;
}
interface TestimonialsCarouselImageProps {
    /**
     * Array of testimonials to display in the carousel
     */
    testimonials?: CarouselTestimonialItem[];
    /**
     * Custom slot for rendering testimonials (overrides testimonials array)
     */
    testimonialsSlot?: React.ReactNode;
    /**
     * Height of the carousel section
     */
    height?: string;
    /**
     * Overlay opacity (0-1)
     */
    overlayOpacity?: number;
    /**
     * Aria label for the previous button
     */
    previousButtonAriaLabel?: string;
    /**
     * Aria label for the next button
     */
    nextButtonAriaLabel?: string;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the content container
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the quote icon
     */
    quoteIconClassName?: string;
    /**
     * Additional CSS classes for the quote text
     */
    quoteClassName?: string;
    /**
     * Additional CSS classes for the author section
     */
    authorClassName?: string;
    /**
     * Additional CSS classes for the navigation container
     */
    navigationClassName?: string;
    /**
     * Additional CSS classes for the navigation buttons
     */
    navButtonClassName?: string;
    /**
     * Additional CSS classes for the dot indicators
     */
    dotsClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
}
/**
 * TestimonialsCarouselImage - A full-width image carousel testimonial section with
 * large background images, overlay gradients, and navigation controls. Each slide
 * displays a prominent quote with author information over a visually striking image.
 * Features previous/next navigation buttons and dot indicators. Perfect for hero
 * sections or impactful testimonial showcases requiring visual storytelling.
 *
 * @example
 * ```tsx
 * <TestimonialsCarouselImage
 *   testimonials={[
 *     {
 *       quote: "This service transformed our business...",
 *       author: "Jane D.",
 *       role: "CEO",
 *       company: "TechCo",
 *       backgroundImage: "/images/testimonial-bg-1.jpg"
 *     }
 *   ]}
 *   height="h-[600px] md:h-[700px]"
 *   overlayOpacity={0.6}
 * />
 * ```
 */
declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, }: TestimonialsCarouselImageProps): React.JSX.Element;

export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };
