export interface CarouselProps { /** * Carousel items * @default [] * */ items: CarouselItem[]; /** * Custom class name * @default '' * * */ className?: string; /** * Configure the carousel arrows * @default { active: true, layout: 'inside', yPosition: 'center', xPosition: 'auto' } * */ arrows?: ArrowsProps; /** * Configure the carousel dots * @default { active: true, layout: 'inside', yPosition: 'bottom', xPosition: 'center', max: 5 } * */ dots?: DotsProps; /** * Infinite carousel, so that the first item follows the last item and vice versa * @default false * */ infinite?: boolean; } export interface ArrowsProps { /** * Show or hide the arrows * @default true * */ active?: boolean; /** * Arrows layout * @default 'inside' * */ layout?: 'inside' | 'outside' | 'withDots'; /** * Arrows vertical position * @default 'center' * */ yPosition?: 'top' | 'bottom' | 'center'; /** * Arrows horizontal position * @default 'auto' * */ xPosition?: 'left' | 'right' | 'auto'; } export interface DotsProps { /** * Show or hide the dots * @default true * */ active?: boolean; /** * Dots layout * @default 'inside' * */ layout?: 'inside' | 'outside'; /** * Dots vertical position * @default 'bottom' * */ yPosition?: 'top' | 'bottom'; /** * Dots horizontal position * @default 'center' * */ xPosition?: 'right' | 'left' | 'center'; /** * Maximum number of dots to display * @default 5 * */ max?: number; } export interface CarouselItem { /** * Carousel item content * */ content: React.ReactNode; /** * Carousel item disabled state, if true the item will not be clickable or draggable, and will be skipped by the carousel * */ disabled?: boolean; } //# sourceMappingURL=types.d.ts.map