nomadmania-app/src/components/AvatarWithInitials/styles.tsx

import { StyleSheet } from 'react-native';
import { Colors } from 'src/theme';

export const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center',
    overflow: 'hidden',
    borderColor: Colors.LIGHT_GRAY,
    borderWidth: 1
  },
  avatar: {
    width: '100%',
    height: '100%'
  },
  initialsContainer: {
    position: 'absolute',
    width: '100%',
    height: '100%',
    justifyContent: 'center',
    alignItems: 'center'
  },
  initials: {
    position: 'absolute',
    color: Colors.DARK_BLUE,
    fontWeight: 'bold',
    fontSize: 22,
    textAlign: 'center'
  }
});