import { BordersProps, EffectsProps, FlexboxesProps, SystemProps } from '../system'
import { ThemingProps } from '../theme'

export type BoxProps = SystemProps &
  ThemingProps<'Box'> & {
    /** Alias for alignItems prop. @deprecated */
    align?: FlexboxesProps['alignItems']
    /** Centers the content vertically and horizontally. */
    center?: boolean
    /** Centers the content horizontally. */
    centerH?: boolean
    /** Centers the content vertically. */
    centerV?: boolean
    /** Displays content in a column. */
    column?: boolean
    /** Alias for flexDirection prop. @deprecated */
    direction?: FlexboxesProps['flexDirection']
    /** Alias for boxShadow prop. @deprecated */
    elevation?: EffectsProps['boxShadow']
    /** Alias for hoverBoxShadow prop. @deprecated */
    hoverShadow?: EffectsProps['hoverBoxShadow']
    /** Alias for justifyContent prop. @deprecated */
    justify?: FlexboxesProps['justifyContent']
    /** Alias for borderRadius prop. @deprecated */
    radius?: BordersProps['borderRadius']
    /** Alias for boxShadow prop. @deprecated */
    shadow?: EffectsProps['boxShadow']
    /** Applies flex-wrap property. */
    wrap?: boolean
  }
