import { StyleSheet, View } from 'react-native';
import { rows } from './styles';
import type { IRowProps } from './types';

export default function Row(props: IRowProps) {
  const { children, style, align = 'left' } = props;
  return (
    <View style={StyleSheet.flatten([rows.basic, rows[align], style])}>
      {children}
    </View>
  );
}