import * as React from 'react';
import { P as PatternName } from './pattern-background-z0e5HB0v.js';
import { SectionBackground, SectionSpacing } from './types.js';
import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
import 'react/jsx-runtime';
import './patternSvgs-c5ZNVoTT.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

/**
 * Item configuration for carousel gradient text cards.
 */
interface CarouselGradientTextItem {
    /**
     * Image source URL
     */
    image: string;
    /**
     * Alt text for the image
     */
    imageAlt?: string;
    /**
     * Title of the card
     */
    title: React.ReactNode;
    /**
     * Description text
     */
    description: React.ReactNode;
    /**
     * Additional CSS classes for the card
     */
    className?: string;
}
interface CarouselGradientTextProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Subheading content (displayed with reduced opacity)
     */
    subheading?: React.ReactNode;
    /**
     * Tagline text below heading
     * @default "Start with our templates, customize to your needs."
     */
    tagline?: React.ReactNode;
    /**
     * Array of card items to display
     */
    items?: CarouselGradientTextItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the header container
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the subheading
     */
    subheadingClassName?: string;
    /**
     * Additional CSS classes for the tagline
     */
    taglineClassName?: string;
    /**
     * Additional CSS classes for the navigation controls
     */
    controlsClassName?: string;
    /**
     * Additional CSS classes for the carousel wrapper
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for the carousel content
     */
    carouselContentClassName?: string;
    /**
     * Additional CSS classes for each carousel item
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for each card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for each image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the gradient overlay
     */
    gradientClassName?: string;
    /**
     * Additional CSS classes for the indicators
     */
    indicatorsClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | string;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * CarouselGradientText displays cards with gradient overlay text and expanding indicators.
 *
 * Features a two-column layout with heading/subheading and navigation on the left,
 * and a carousel of portrait cards on the right. Each card has a gradient overlay
 * from primary color with title and description text. Below the carousel are
 * expanding pill indicators that show the active slide title. Ideal for showcasing
 * features, benefits, or product highlights with strong visual hierarchy.
 *
 * @example
 * ```tsx
 * <CarouselGradientText
 *   heading="Code less."
 *   subheading="Build faster."
 *   items={[
 *     {
 *       image: "/images/feature-1.jpg",
 *       title: "Responsive",
 *       description: "Mobile-first design approach"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselGradientText({ heading, subheading, tagline, items, itemsSlot, className, headerClassName, headingClassName, subheadingClassName, taglineClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, cardClassName, imageClassName, gradientClassName, indicatorsClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselGradientTextProps): React.JSX.Element;

export { CarouselGradientText, type CarouselGradientTextItem, type CarouselGradientTextProps };
