import type { ComponentType } from 'react'
import { ResponsiveSpacing, Size, Sizes } from './Common'

export type DividerVariants = {
  weight?: 'regular' | 'thick'
  decorative?: boolean
  inverse?: boolean
}

export type ResponsiveDividerVertical = {
  [key in Sizes]?: boolean
}

export interface DividerProps {
  testID?: string
  vertical?: boolean | ResponsiveDividerVertical
  space?: number | ResponsiveSpacing
  tokens?: DividerTokens
  variant?: DividerVariants
  accessibilityLabel?: string
  accessibilityRole?: string
  pointerEvents?: 'all' | 'none' | 'box-only' | 'box-none'
  onLayout?: (event: any) => void
  nativeID?: string
  dataSet?: Record<string, any>
}

export interface DividerTokens {
  width?: Size
  color?: string
}

declare const Divider: ComponentType<DividerProps>

export { Divider }