import * as React from 'react'; export type CarouselNavigationStyle = 'dot' | 'text' | 'number' | 'mixed' | 'arrows-only'; export type CarouselNavigationPosition = 'left' | 'center' | 'right'; export type CarouselOrientation = 'horizontal' | 'vertical'; export type CarouselContentLayout = 'single' | 'side-by-side' | 'image-text' | 'custom'; export interface CarouselItem { id?: string; title?: React.ReactNode; description?: React.ReactNode; mediaLabel?: React.ReactNode; imageSrc?: string; imageAlt?: string; media?: React.ReactNode; content?: React.ReactNode; } export interface CarouselNavProps extends Omit, 'children' | 'onChange'> { count?: number; current?: number; orientation?: CarouselOrientation; navigationStyle?: CarouselNavigationStyle; position?: CarouselNavigationPosition; loop?: boolean; onPrevious?: () => void; onNext?: () => void; onSlideChange?: (index: number) => void; } declare const CarouselNav: React.ForwardRefExoticComponent & React.RefAttributes>; export interface CarouselVisualProps extends React.ComponentProps<'div'> { item?: CarouselItem; prominence?: 'primary' | 'secondary'; } declare function CarouselVisual({ item, prominence, className, ...props }: CarouselVisualProps): React.JSX.Element; declare namespace CarouselVisual { var displayName: string; } export interface CarouselProps extends Omit, 'children' | 'onChange' | 'title'> { items?: CarouselItem[]; children?: React.ReactNode; value?: number; defaultValue?: number; onValueChange?: (index: number) => void; orientation?: CarouselOrientation; navigationStyle?: CarouselNavigationStyle; navigationPosition?: CarouselNavigationPosition; contentLayout?: CarouselContentLayout; showSummary?: boolean; showArrows?: boolean; loop?: boolean; ariaLabel?: string; } declare const Carousel: React.ForwardRefExoticComponent & React.RefAttributes> & { Root: React.ForwardRefExoticComponent & React.RefAttributes>; Nav: React.ForwardRefExoticComponent & React.RefAttributes>; Visual: typeof CarouselVisual; }; export { Carousel, CarouselNav, CarouselVisual };