import * as React from 'react';
import { P as PatternName } from './pattern-background-a7gKHzHy.js';
import { SectionBackground, SectionSpacing } from './types.js';
import { A as ActionConfig } from './blocks-BmrJXeAA.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-OIpPF9yW.js';
import 'class-variance-authority/types';

interface CtaGradientLogosFloatingProps {
    /**
     * Main heading content (supports gradient styling)
     */
    heading?: React.ReactNode;
    /**
     * Gradient portion of the heading
     */
    headingGradient?: React.ReactNode;
    /**
     * Description content below the heading
     */
    description?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Array of logo URLs for floating circles on the left
     */
    leftLogos?: string[];
    /**
     * Array of logo URLs for floating circles on the right
     */
    rightLogos?: string[];
    /**
     * Custom slot for rendering left logos (overrides leftLogos array)
     */
    leftLogosSlot?: React.ReactNode;
    /**
     * Custom slot for rendering right logos (overrides rightLogos array)
     */
    rightLogosSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the gradient text
     */
    gradientClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the left logos wrapper
     */
    leftLogosClassName?: string;
    /**
     * Additional CSS classes for the right logos wrapper
     */
    rightLogosClassName?: string;
    /**
     * 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;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CtaGradientLogosFloating - A CTA section with gradient text heading, centered
 * content, and floating logo circles on both sides. Creates a dynamic, modern
 * appearance.
 *
 * @example
 * ```tsx
 * <CtaGradientLogosFloating
 *   heading="Build faster with"
 *   headingGradient="modern tools"
 *   description="Join thousands of developers building amazing products."
 *   actions={[
 *     { label: "Get Started", href: "/signup", variant: "default", size: "lg" },
 *     { label: "Learn More", href: "/learn", variant: "outline", size: "lg" }
 *   ]}
 *   leftLogos={["/logo1.png", "/logo2.png"]}
 *   rightLogos={["/logo3.png", "/logo4.png"]}
 * />
 * ```
 */
declare function CtaGradientLogosFloating({ heading, headingGradient, description, actions, actionsSlot, leftLogos, rightLogos, leftLogosSlot, rightLogosSlot, className, containerClassName, contentClassName, headingClassName, gradientClassName, descriptionClassName, actionsClassName, leftLogosClassName, rightLogosClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CtaGradientLogosFloatingProps): React.JSX.Element;

export { CtaGradientLogosFloating, type CtaGradientLogosFloatingProps };
