import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import { spacing } from '../theme'

const Row = ({
  children,
  justify = 'space-between',
  p,
  px,
  py = spacing.s_2,
  pt,
  pb,
  pl,
  pr,
  m,
  mx,
  my = spacing.s_2,
  mt,
  mb,
  ml,
  mr,
}) => {
  const rowStyle = {
    flexDirection: 'row',
    justifyContent: justify,
    alignItems: 'center',
    padding: p,
    paddingTop: pt,
    paddingBottom: pb,
    paddingLeft: pl,
    paddingRight: pr,
    paddingHorizontal: px,
    paddingVertical: py,
    margin: m,
    marginTop: mt,
    marginBottom: mb,
    marginLeft: ml,
    marginRight: mr,
    marginHorizontal: mx,
    marginVertical: my,
  }
  return <View style={rowStyle}>{children}</View>
}

export default Row

const styles = StyleSheet.create({})