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

interface TestimonialParallaxItem extends TestimonialItem {
    /**
     * Giant background icon name displayed behind the testimonial content (e.g. "material-symbols/award-star-outline").
     * When not provided, no background icon is rendered.
     */
    backgroundIcon?: string;
    /**
     * Giant background text label displayed behind the testimonial content (e.g. "01", "A+").
     * Only used when `backgroundIcon` is not provided.
     */
    backgroundLabel?: React.ReactNode;
}
interface TestimonialsParallaxNumberProps {
    /**
     * Array of testimonials to display
     */
    testimonials?: TestimonialParallaxItem[];
    /**
     * Custom slot for rendering testimonials (overrides testimonials array)
     */
    testimonialsSlot?: React.ReactNode;
    /**
     * Auto-play interval in milliseconds (0 to disable)
     */
    autoPlayInterval?: number;
    /**
     * Vertical text label displayed on the side
     */
    verticalLabel?: React.ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the content container
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the number indicator
     */
    numberClassName?: 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 controls
     */
    navigationClassName?: 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 container
     */
    containerClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * TestimonialsParallaxNumber - A premium testimonial section featuring an oversized
 * animated number with parallax mouse-tracking effect. The large index number responds
 * to mouse movement, creating depth. Includes a vertical progress indicator, company
 * badge, word-by-word quote animation, and smooth navigation controls. Auto-plays with
 * a bottom ticker showing company names. Perfect for high-end landing pages requiring
 * sophisticated interactions.
 *
 * @example
 * ```tsx
 * <TestimonialsParallaxNumber
 *   testimonials={[
 *     {
 *       quote: "Amazing product...",
 *       author: "Jane D.",
 *       role: "CEO",
 *       company: "TechCo"
 *     }
 *   ]}
 *   autoPlayInterval={6000}
 *   background="white"
 *   spacing="lg"
 * />
 * ```
 */
declare function TestimonialsParallaxNumber({ sectionId, testimonials, testimonialsSlot, autoPlayInterval, verticalLabel, className, contentClassName, numberClassName, quoteClassName, authorClassName, navigationClassName, background, pattern, patternOpacity, spacing, containerClassName, }: TestimonialsParallaxNumberProps): React.JSX.Element;

export { TestimonialsParallaxNumber, type TestimonialsParallaxNumberProps };
