import React from 'react';
import { FlintCarousel as FlintCarouselElement } from '@getufy/flint-ui/carousel/flint-carousel';
export interface FlintCarouselChangeDetail {
    index: number;
    total: number;
}
/**
 * Carousel: a slideshow component for cycling through content.
 *
 * @slot (default) - Carousel content: flint-carousel-content, flint-carousel-previous, flint-carousel-next.
 */
export interface FlintCarouselProps extends React.HTMLAttributes<FlintCarouselElement> {
    /** When true, navigation wraps from last slide back to first and vice versa. */
    loop?: boolean;
    /**
     * Slide direction axis.
     * Allowed values: 'horizontal' | 'vertical'
     */
    orientation?: 'horizontal' | 'vertical';
    /** Auto-advance interval in milliseconds. Set to 0 to disable. */
    autoplay?: number;
    /** Number of slides visible simultaneously. */
    itemsPerView?: number;
    /** Accessible label for the carousel region. */
    label?: string;
    /** Enable touch/swipe gestures. */
    touch?: boolean;
    /** Enable mouse-based drag navigation (mousedown/mousemove/mouseup). */
    mouseDragging?: boolean;
    /**
     * Fired when the active slide changes. detail: `{ index: number; total: number }`
     * DOM event: `flint-carousel-change`
     */
    onFlintCarouselChange?: (event: CustomEvent<FlintCarouselChangeDetail>) => void;
}
export declare const FlintCarousel: React.ForwardRefExoticComponent<FlintCarouselProps & React.RefAttributes<FlintCarouselElement>>;