import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  box: {
    width: 20,
    height: 20,
    borderWidth: 1.5,
    borderColor: '#a0abcc',
    borderRadius: 4,
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: 8,
  },
  boxSelected: {
    backgroundColor: '#0d1b2a',
    borderColor: '#0d1b2a',
  },
  checkmark: {
    color: '#ffffff',
    fontSize: 12,
    fontWeight: 'bold',
    bottom: 1, // slight adjustment for vertical centering of symbol
  },
  label: {
    fontSize: 14,
    color: '#6e7a91',
  },
});