import * as React from 'react';

interface CtaWorkflowTabItem {
    /**
     * Tab ID
     */
    id: string;
    /**
     * Tab label
     */
    label?: string;
    /**
     * Tab icon name
     */
    icon?: string;
    /**
     * Tab content heading
     */
    heading?: string;
    /**
     * Tab content description
     */
    description?: string;
    /**
     * Stats to display
     */
    stats?: Array<{
        value: string;
        label: string;
    }>;
    /**
     * Image URL for the tab content
     */
    image?: string;
}
interface CtaWorkflowTabsProps {
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Primary button text
     */
    primaryButtonText?: string;
    /**
     * Primary button URL
     */
    primaryButtonUrl?: string;
    /**
     * Secondary button text
     */
    secondaryButtonText?: string;
    /**
     * Secondary button URL
     */
    secondaryButtonUrl?: string;
    /**
     * Array of tab items
     */
    tabs?: CtaWorkflowTabItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CtaWorkflowTabs - A hero CTA with tabbed content sections for design, develop,
 * and deploy workflows. Each tab shows stats and an image. Great for showcasing
 * product capabilities.
 *
 * @example
 * ```tsx
 * <CtaWorkflowTabs
 *   heading="Build your workflow"
 *   description="From design to deployment, we've got you covered."
 *   primaryButtonText="Get Started"
 *   primaryButtonUrl="/signup"
 *   tabs={[
 *     { id: "design", label: "Design", icon: "lucide/palette", ... }
 *   ]}
 * />
 * ```
 */
declare function CtaWorkflowTabs({ heading, description, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, tabs, className, optixFlowConfig, }: CtaWorkflowTabsProps): React.JSX.Element;

export { type CtaWorkflowTabItem, CtaWorkflowTabs, type CtaWorkflowTabsProps };
