import React from 'react';
import { View } from 'react-native';

import { themes } from '../../constants/colors';
import styles from './styles';

interface ITableRow {
	children: JSX.Element;
	isLastRow: boolean;
	theme: string;
}

const TableRow = React.memo(({ isLastRow, children: _children, theme }: ITableRow) => {
	const rowStyle = [styles.row, { borderColor: themes[theme].borderColor }];
	if (!isLastRow) {
		rowStyle.push(styles.rowBottomBorder);
	}

	const children: any = React.Children.toArray(_children);
	children[children.length - 1] = React.cloneElement(children[children.length - 1], {
		isLastCell: true,
	});

	return <View style={rowStyle}>{children}</View>;
});

export default TableRow;