import type { ReactNode } from 'react'
import type { A11yProps, LayoutTag, Tokens, Variant, ViewProps } from './common'
import { ComponentTypeWithForwardRef } from './ComponentTypeWithForwardRef'

export interface SpacingObjectProps {
  xs?: number
  sm?: number
  md?: number
  lg?: number
  xl?: number
  space?: number
  options?: {
    variant?: Variant
    size?: number
  }
}

export interface BoxProps extends A11yProps, ViewProps {
  variant?: Variant
  tokens?: Tokens
  space?: number | SpacingObjectProps
  vertical?: number | SpacingObjectProps
  horizontal?: number | SpacingObjectProps
  bottom?: number | SpacingObjectProps
  left?: number | SpacingObjectProps
  right?: number | SpacingObjectProps
  top?: number | SpacingObjectProps
  flex?: number
  scroll?: boolean | Record<string, any>
  tag?: LayoutTag
  testID?: string
  dataSet?: Record<string, any>
  children: ReactNode
}

declare const Box: ComponentTypeWithForwardRef<BoxProps, any>

export default Box