import React from 'react'; import { type ComposableProps } from '../../../lib/slot'; import { type GlassVariant } from '../../../lib/glass'; export type CarouselEffect = 'slide' | 'fade'; export type DotPosition = 'top' | 'bottom' | 'left' | 'right'; export interface CarouselProps extends ComposableProps<'div'> { /** Auto play slides */ autoplay?: boolean; /** Time between auto transitions (ms) */ autoplaySpeed?: number; /** Show navigation dots */ dots?: boolean; /** Dot position */ dotPosition?: DotPosition; /** Custom dot render */ customDot?: (props: { index: number; active: boolean; }) => React.ReactNode; /** Transition effect */ effect?: CarouselEffect; /** Show prev/next arrows */ arrows?: boolean; /** Infinite loop */ infinite?: boolean; /** Animation speed (ms) */ speed?: number; /** Initial slide index */ initialSlide?: number; /** Callback before slide change */ beforeChange?: (current: number, next: number) => void; /** Callback after slide change */ afterChange?: (current: number) => void; /** Slides per view */ slidesToShow?: number; /** Slides to scroll at a time */ slidesToScroll?: number; /** Pause autoplay on hover */ pauseOnHover?: boolean; /** Pause autoplay on focus */ pauseOnFocus?: boolean; /** Enable swipe gestures */ swipe?: boolean; /** * Enable glassmorphism effect on carousel background * - `true`: Standard glass effect * - `'subtle'`: Subtle glass effect * - `'prominent'`: Prominent glass effect */ glass?: GlassVariant; /** Carousel items */ children?: React.ReactNode; } export declare const Carousel: React.ForwardRefExoticComponent>; export default Carousel; //# sourceMappingURL=Carousel.d.ts.map