/**
 * @jsxRuntime classic
 * @jsx jsx
 */
import React from 'react';
import type { CarouselSize } from './types';
type CarouselSlideProps = {
    /** Resolved description string (already injected with provider name) */
    description: string;
    /** Provider icon — a React element or an image URL */
    icon?: React.ReactNode | string;
    /** Alt for the icon, e.g. "Figma" */
    iconLabel?: string;
    /** Large hero image — a React element (e.g. SVG/img) or a URL string */
    image: React.ReactNode | string;
    /** Called when the user clicks a dot indicator to jump to that slide index */
    onDotClick?: (index: number) => void;
    /** Called when the user clicks the secondary "See next" button; omit on last slide */
    onNextClick?: () => void;
    /** Called when the user clicks the primary connect button */
    onPrimaryButtonClick?: () => void;
    /** Text label for the connect button (e.g. "Connect to Figma") */
    primaryButtonLabel: string;
    /**
     * Layout size bucket derived from the carousel container's measured dimensions.
     * Controls which elements are shown at different card sizes.
     */
    size: CarouselSize;
    /** 0-based index of this slide */
    slideIndex: number;
    /** testId prefix */
    testId?: string;
    /** Resolved title string (already injected with provider name) */
    title: string;
    /** Total number of slides (for the dot indicators) */
    totalSlides: number;
};
declare const CarouselSlide: ({ icon, iconLabel, title, description, image, primaryButtonLabel, onPrimaryButtonClick, onDotClick, onNextClick, slideIndex, totalSlides, size, testId, }: CarouselSlideProps) => React.JSX.Element;
export default CarouselSlide;
