import * as React from 'react';
import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
import 'class-variance-authority';
import './button-variants-DJbzb6lO.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;
}
declare function AboutInteractiveTabs({ title, subtitle, tabs, tabsSlot, className, containerClassName, headerClassName, titleClassName, subtitleClassName, tabsContainerClassName, tabButtonClassName, activeTabClassName, tabContentClassName, tabContentTitleClassName, tabContentDescriptionClassName, tabContentImageClassName, optixFlowConfig, }: AboutInteractiveTabsProps): React.JSX.Element;

export { AboutInteractiveTabs, type AboutInteractiveTabsProps };
