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

/**
 * Testimonial configuration for culture aspect
 */
interface ServicesListCultureTabsTestimonial {
    /**
     * Quote text
     */
    quote?: React.ReactNode;
    /**
     * Author name
     */
    author?: React.ReactNode;
    /**
     * Author role/title
     */
    role?: React.ReactNode;
    /**
     * Author avatar image
     */
    avatar?: {
        src: string;
        alt: string;
    };
}
/**
 * Culture aspect configuration
 */
interface ServicesListCultureTabsAspect {
    /**
     * Unique identifier for the aspect
     */
    id?: string;
    /**
     * Aspect title
     */
    title?: React.ReactNode;
    /**
     * Aspect description
     */
    description?: React.ReactNode;
    /**
     * Gallery images
     */
    images?: Array<{
        src: string;
        alt: string;
    }>;
    /**
     * Employee testimonial
     */
    testimonial?: ServicesListCultureTabsTestimonial;
    /**
     * Additional CSS classes for the tab content
     */
    className?: string;
}
interface ServicesListCultureTabsProps {
    /**
     * Badge/eyebrow content above heading
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of culture aspect configurations
     */
    aspects?: ServicesListCultureTabsAspect[];
    /**
     * Custom slot for rendering aspects (overrides aspects array)
     */
    aspectsSlot?: React.ReactNode;
    /**
     * Default active tab value
     */
    defaultValue?: string;
    /**
     * CTA section title
     */
    ctaTitle?: React.ReactNode;
    /**
     * CTA section description
     */
    ctaDescription?: React.ReactNode;
    /**
     * Primary CTA action configuration
     */
    primaryAction?: ActionConfig;
    /**
     * Secondary CTA action configuration
     */
    secondaryAction?: ActionConfig;
    /**
     * Custom slot for CTA section (overrides CTA props)
     */
    ctaSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the tabs
     */
    tabsClassName?: string;
    /**
     * Additional CSS classes for the CTA section
     */
    ctaClassName?: 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;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ServicesListCultureTabs - A tabbed layout showcasing company culture aspects with testimonials.
 * Each tab displays a culture aspect with description, image gallery, and employee testimonial.
 * Includes a bottom CTA section for recruitment. Ideal for about/careers pages highlighting company values
 * and culture through employee stories and visual content.
 *
 * @example
 * ```tsx
 * <ServicesListCultureTabs
 *   badge="Our Culture"
 *   heading="What Makes Us Different"
 *   description="Our culture defines how we work together."
 *   aspects={[
 *     { id: "innovation", title: "Innovation", description: "We innovate", testimonial: { quote: "Great place", author: "John" } }
 *   ]}
 *   primaryAction={{ label: "Join Us", href: "/careers" }}
 *   background="muted"
 *   spacing="lg"
 * />
 * ```
 */
declare function ServicesListCultureTabs({ badge, heading, description, aspects, aspectsSlot, defaultValue, ctaTitle, ctaDescription, primaryAction, secondaryAction, ctaSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, badgeClassName, tabsClassName, ctaClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ServicesListCultureTabsProps): React.JSX.Element;

export { ServicesListCultureTabs, type ServicesListCultureTabsProps };
