import { StyleSheet } from 'react-native';
import { COLORS } from '../constants/color';

export const styles = StyleSheet.create({

  card: {
    flexDirection: 'row',
    alignItems: 'center',
    marginBottom:20
  },

  circleContainer: {
    justifyContent: 'center',

    alignItems: 'center',

    marginRight: 20,

    position: 'relative',
  },

  circleText: {
    position: 'absolute',

    color: COLORS.textSecondary,

    fontSize: 10,

    fontWeight: 'bold',

    textAlign: 'center',

    width: 70,
  },

  details: {
    flex: 1,
  },

  row: {
    flexDirection: 'row',

    justifyContent: 'space-between',

    alignItems: 'center',

    marginBottom: 12,
  },

  label: {
    color: COLORS.textSecondary,

    fontSize: 14,
  },

  value: {
    color: COLORS.textPrimary,

    fontSize: 15,
  },

  bold: {
    fontSize: 18,

    fontWeight: 'bold',
  },

});