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

export type SpacerDirection = 'column' | 'row'

export type ResponsiveSpacerDirection = {
  [key in Sizes]?: SpacerDirection
}

export interface SpacerProps {
  space?: number | Record<string, number>
  direction?: SpacerDirection | ResponsiveSpacerDirection
  testID?: string
  dataSet?: Record<string, any>
}

declare const Spacer: ComponentType<SpacerProps>

export { Spacer }