import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
import { 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';

/**
 * Individual team member for TeamCarouselExperience
 */
interface TeamCarouselExperienceMember {
    name: string;
    image: string;
    role: string;
    yearsOfExperience: number;
}
/**
 * Props for TeamCarouselExperience component
 */
interface TeamCarouselExperienceProps {
    /**
     * Section heading
     * @default "Tech Pioneers"
     */
    heading?: React.ReactNode;
    /**
     * Heading highlight text (displayed in muted color)
     * @default "building the future"
     */
    headingHighlight?: React.ReactNode;
    /**
     * Section description
     */
    description?: React.ReactNode;
    /**
     * Array of team members to display
     */
    members?: TeamCarouselExperienceMember[];
    /**
     * Custom slot for rendering members (overrides members array)
     */
    membersSlot?: React.ReactNode;
    /**
     * Background style variant for the section
     * @default "white"
     */
    background?: SectionBackground;
    /**
     * Vertical spacing/margin variant
     * @default "lg"
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the heading highlight
     */
    headingHighlightClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the carousel container
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for each member card
     */
    memberCardClassName?: string;
    /**
     * Additional CSS classes for the member image
     */
    memberImageClassName?: string;
    /**
     * Additional CSS classes for the member name
     */
    memberNameClassName?: string;
    /**
     * Additional CSS classes for the member role
     */
    memberRoleClassName?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TeamCarouselExperience - Horizontal carousel with experience indicators
 *
 * A dynamic team section featuring a horizontal carousel of member cards.
 * Each card displays a photo, name, role, and years of experience with a
 * gradient separator. Includes navigation arrows for browsing through team
 * members. Ideal for larger teams where you want an interactive browsing
 * experience without overwhelming the page.
 *
 * @example
 * ```tsx
 * <TeamCarouselExperience
 *   heading="Our Team"
 *   headingHighlight="of experts"
 *   description="Meet the talented individuals driving our success"
 *   members={[
 *     {
 *       name: "Jane Doe",
 *       image: "/team/jane.jpg",
 *       role: "CEO",
 *       yearsOfExperience: 15
 *     }
 *   ]}
 * />
 * ```
 */
declare function TeamCarouselExperience({ heading, headingHighlight, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headingClassName, headingHighlightClassName, descriptionClassName, carouselClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, optixFlowConfig, }: TeamCarouselExperienceProps): React.JSX.Element;

export { TeamCarouselExperience, type TeamCarouselExperienceProps };
