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 FeatureIconTabsContentTabContent {
    /**
     * Badge content
     */
    badge?: React.ReactNode;
    /**
     * Title content
     */
    title?: React.ReactNode;
    /**
     * Description content
     */
    description?: React.ReactNode;
    /**
     * Array of action configurations for buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Image source URL
     */
    imageSrc?: string;
    /**
     * Image alt text
     */
    imageAlt?: string;
    /**
     * Custom slot for image (overrides imageSrc)
     */
    imageSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the content
     */
    className?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
}
interface FeatureIconTabsContentTab {
    /**
     * Tab value identifier
     */
    value: string;
    /**
     * Icon element (overrides iconName)
     */
    icon?: React.ReactNode;
    /**
     * Icon name in format: prefix/name (e.g., "lucide/zap")
     */
    iconName?: string;
    /**
     * Tab label content
     */
    label?: React.ReactNode;
    /**
     * Tab content configuration
     */
    content?: FeatureIconTabsContentTabContent;
    /**
     * Custom slot for tab content (overrides content)
     */
    contentSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the tab trigger
     */
    className?: string;
}
interface FeatureIconTabsContentProps {
    /**
     * Badge content
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of tab configurations
     */
    tabs?: FeatureIconTabsContentTab[];
    /**
     * Custom slot for rendering tabs (overrides tabs array)
     */
    tabsSlot?: React.ReactNode;
    /**
     * Default active tab value
     */
    defaultTab?: string;
    /**
     * 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 badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the tabs list
     */
    tabsListClassName?: string;
    /**
     * Additional CSS classes for each tab trigger
     */
    tabTriggerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentWrapperClassName?: string;
    /**
     * Additional CSS classes for each tab content
     */
    tabContentClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * 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;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * Feature Icon Tabs Content - Tabbed interface with icon triggers and
 * content panels featuring images and actions.
 *
 * Layout: Centered header with icon tabs, muted background content area.
 * Key features: Icon tab triggers, badge labels, action buttons, responsive images.
 * Best for: Content categories, product tours, service breakdowns, multi-section showcases.
 *
 * @example
 * ```tsx
 * <FeatureIconTabsContent
 *   badge="Overview"
 *   heading="Explore Our Offerings"
 *   tabs={[
 *     {
 *       value: "tab-1",
 *       iconName: "lucide/zap",
 *       label: "Performance",
 *       content: {
 *         badge: "Speed",
 *         title: "Lightning Fast",
 *         description: "Optimized for performance.",
 *         actions: [{ label: "Learn More", href: "#", variant: "default" }],
 *         imageSrc: "/image.jpg",
 *         imageAlt: "Performance"
 *       }
 *     },
 *   ]}
 * />
 * ```
 */
declare function FeatureIconTabsContent({ sectionId, badge, heading, description, tabs, tabsSlot, defaultTab, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, tabsListClassName, tabTriggerClassName, contentWrapperClassName, tabContentClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureIconTabsContentProps): React.JSX.Element;

export { FeatureIconTabsContent, type FeatureIconTabsContentProps };
