import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.cjs';
import 'class-variance-authority/types';

interface TabItem {
    /**
     * Unique identifier for the tab
     */
    id: string;
    /**
     * Tab label text
     */
    label: React.ReactNode;
    /**
     * Tab content configuration
     */
    content: {
        title: React.ReactNode;
        description: React.ReactNode;
        image?: {
            src: string;
            alt: string;
        };
    };
}
interface AboutInteractiveTabsProps {
    /**
     * Main heading/title
     */
    title?: React.ReactNode;
    /**
     * Subtitle/description text
     */
    subtitle?: React.ReactNode;
    /**
     * Array of tab configurations
     */
    tabs?: TabItem[];
    /**
     * Custom slot for rendering tabs (overrides tabs array)
     */
    tabsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header wrapper
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Additional CSS classes for the tabs container
     */
    tabsContainerClassName?: string;
    /**
     * Additional CSS classes for the tab buttons
     */
    tabButtonClassName?: string;
    /**
     * Additional CSS classes for the active tab button
     */
    activeTabClassName?: string;
    /**
     * Additional CSS classes for the tab content
     */
    tabContentClassName?: string;
    /**
     * Additional CSS classes for the tab content title
     */
    tabContentTitleClassName?: string;
    /**
     * Additional CSS classes for the tab content description
     */
    tabContentDescriptionClassName?: string;
    /**
     * Additional CSS classes for the tab content image
     */
    tabContentImageClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Section background variant
     */
    background?: SectionBackground;
    /**
     * Section spacing variant
     */
    spacing?: SectionSpacing;
    /**
     * Pattern background key or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
}
declare function AboutInteractiveTabs({ title, subtitle, tabs, tabsSlot, className, containerClassName, headerClassName, titleClassName, subtitleClassName, tabsContainerClassName, tabButtonClassName, activeTabClassName, tabContentClassName, tabContentTitleClassName, tabContentDescriptionClassName, tabContentImageClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutInteractiveTabsProps): React.JSX.Element;

export { AboutInteractiveTabs, type AboutInteractiveTabsProps };
