import type { ComponentType, ReactNode } from 'react'
import {
  Direction,
  FlexAlign,
  FlexJustify,
  ResponsiveSpacing,
  ResponsiveDirection,
  SemanticTag
} from './Common'
import { DividerProps } from './Divider'

export type StackViewTokens = {
  alignItems?: FlexAlign
  justifyContent?: FlexJustify
  flexGrow?: number
  flexShrink?: number
  width?: number
}

export interface StackViewProps {
  space?: ResponsiveSpacing | number
  direction?: Direction | ResponsiveDirection
  tokens?: StackViewTokens
  divider?: boolean | DividerProps
  tag?: SemanticTag
  children: ReactNode
  testID?: string
  dataSet?: Record<string, any>
  accessibilityRole?: string
}

declare const StackView: ComponentType<StackViewProps>

export { StackView }