import type { ComponentType, ReactNode } from 'react'

export interface CarouselProps {
  children: ReactNode
  tokens?: Record<string, string | number | boolean | object>
  variant?: Record<string, string | number | boolean | undefined>
  stepTrackerVariant?: Record<string, string | number | boolean | undefined>
  progressBarVariant?: Record<string, string | number | boolean | undefined>
  itemLabel?: string
  previousNextNavigationPosition?: 'inside' | 'outside' | 'edge'
  copy?: 'en' | 'fr'
  testID?: string
  dataSet?: Record<string, any>
  accessibilityLabel?: string
}

export interface CarouselItemProps {
  children: ReactNode
}

declare const Carousel: ComponentType<CarouselProps> & {
  Item: ComponentType<CarouselItemProps>
}

export { Carousel }