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

interface ProjectDetailTabbedCaseStudyTab {
    id: string;
    label: React.ReactNode;
    content: React.ReactNode;
}
interface ProjectDetailTabbedCaseStudyContentSection {
    title: React.ReactNode;
    content: React.ReactNode;
    image?: {
        src?: string;
        alt: string;
    };
    imagePosition?: "left" | "right";
}
interface ProjectDetailTabbedCaseStudyTestimonial {
    quote: React.ReactNode;
    author: React.ReactNode;
    role: React.ReactNode;
    avatar?: string;
}
interface ProjectDetailTabbedCaseStudyTool {
    name: React.ReactNode;
    icon?: string;
}
interface ProjectDetailTabbedCaseStudyProps {
    /** Main title */
    title?: React.ReactNode;
    /** Subtitle text */
    subtitle?: React.ReactNode;
    /** Hero image configuration */
    heroImage?: {
        src?: string;
        alt?: string;
    };
    /** Tab navigation items */
    tabs?: ProjectDetailTabbedCaseStudyTab[];
    /** Content sections */
    contentSections?: ProjectDetailTabbedCaseStudyContentSection[];
    /** Testimonial block */
    testimonial?: ProjectDetailTabbedCaseStudyTestimonial;
    /** Tools and technologies */
    tools?: ProjectDetailTabbedCaseStudyTool[];
    /** Back navigation action */
    backAction?: ActionConfig;
    /** Custom slot for back action (overrides backAction) */
    backActionSlot?: React.ReactNode;
    /** OptixFlow image optimization configuration */
    optixFlowConfig?: OptixFlowConfig;
    /** Section background variant */
    background?: SectionBackground;
    /** Section spacing variant */
    spacing?: SectionSpacing;
    /** Background pattern */
    pattern?: PatternName | undefined;
    /** Pattern opacity */
    patternOpacity?: number;
    /** Additional CSS classes for the section */
    className?: string;
    /** Additional CSS classes for the container */
    containerClassName?: string;
    /** Additional CSS classes for the header */
    headerClassName?: string;
    /** Additional CSS classes for the title */
    titleClassName?: string;
    /** Additional CSS classes for the hero image */
    heroImageClassName?: string;
    /** Additional CSS classes for the tabs */
    tabsClassName?: string;
    /** Additional CSS classes for the content sections */
    contentSectionsClassName?: string;
    /** Additional CSS classes for the testimonial */
    testimonialClassName?: string;
    /** Additional CSS classes for the tools section */
    toolsClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
declare function ProjectDetailTabbedCaseStudy(props: ProjectDetailTabbedCaseStudyProps): React.JSX.Element;

export { ProjectDetailTabbedCaseStudy, type ProjectDetailTabbedCaseStudyProps };
