import type { ComponentType, ReactNode } from 'react'
import { Direction, ResponsiveDirection, ResponsiveSpacing, SemanticTag } from './Common'
import { StackViewTokens } from './StackView'

/** StackWrap is themed from the same token set as `StackView`. */
export type StackWrapTokens = StackViewTokens

export interface StackWrapProps {
  space?: ResponsiveSpacing | number
  gap?: ResponsiveSpacing | number
  direction?: Direction | ResponsiveDirection
  tokens?: StackWrapTokens
  tag?: SemanticTag
  itemAccessibilityRole?: string
  children?: ReactNode
  testID?: string
  dataSet?: Record<string, any>
  accessibilityRole?: string
}

declare const StackWrap: ComponentType<StackWrapProps>

export { StackWrap }