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

const CardRecord = ({ children, style }) => {
    return <View style={[styles.resultRow, style]}>{children}</View>;
};

const styles = StyleSheet.create({
    resultRow: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        borderWidth: 1,
        borderColor: '#ddd',
        borderRadius: 10,
        paddingVertical: 5,
        paddingHorizontal: 15,
        marginVertical: 5,
        backgroundColor: '#fafafa',
        alignItems: 'center',
    },
});

export default CardRecord;
